.container{
    max-width: 1140px;
    min-width: 960px;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1;
}

form {
    display: block;
    margin-top: 0em;
    margin-block-end: 0em;
}

.search_result_box {
    text-align: left;
    z-index: 1000;
    -webkit-box-shadow: 0 1px 4px 0 hsla(0,0%,93.3%,.5);
    box-shadow: 0 1px 4px 0 hsla(0,0%,93.3%,.5)
}

.search_result_box .rel_post_title {
    max-width: 260px
}

.search_result_box .official_new {
    margin-right: .5em;
    margin-left: 0
}

.search_result_box .tips_global {
    margin-left: .5em
}

.results_box .post_box {
    width: auto;
    float: none
}

.search_result_box .skin_pop_inner.search_box_inner {
    -webkit-box-shadow: none;
    box-shadow: none
}

.search_result_box .related_posts_item__container {
    display: block;
    padding: 12px 16px;
    color: rgba(0,0,0,.9)
}

.search_result_box .related_posts_item__container:hover {
    background-color: #f5f5f5
}

.search_result_box .hightline {
    font-style: normal;
    color: #1aad19
}

.search_result_box .box_title {
    color: rgba(0,0,0,.5)
}

.search_result_box .results_box__hot .post_box {
    padding: 10px 0
}

.search_result_box .results_box__hot .box_title {
    margin-bottom: 0;
    padding: 0 14px
}

.search_result_box .results_box__hot .related_posts_item__container {
    padding: 10px 14px
}

.related_posts_item {
    margin-bottom: 8px
}

.related_posts_item .tips_global {
    vertical-align: middle
}

.related_posts_item:last-child {
    margin-bottom: 0
}

.related_posts_item__desc {
    color: rgba(0,0,0,.5)
}

.related_posts_item__desc,.related_posts_item__title {
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 30em
}

.related_posts_item__tag {
    display: inline-block;
    position: relative;
    padding-right: 20px
}

.related_posts_item__tag:after {
    position: absolute;
    top: 50%;
    right: 7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: " ";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5)
}

.top_search_box {
    background-color: hsla(0,0%,100%,.8);
    border-radius: 4px;
    padding-right: 46px;
    position: relative;
    top: -8px;
    text-align: left
}

.top_search_box .search_switch:hover .icon_search {
    background: url(https://res.wx.qq.com/community/dist/community/images/search_icon_955e7c.svg) no-repeat 50%;
    background-size: contain
}

.top_search_box.top_search_box__extend .search_input_box {
    width: 100%
}

.popover__box.popover__box__use__target-position {
    position: relative
}

.popover_close {
    display: none;
    position: absolute;
    right: 10px;
    top: 22px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_popover_close_01f1e3.png) no-repeat 0 0
}

.popover_close:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_popover_close_hl_a16df0.png) no-repeat 0 0
}

.popover {
    width: 257px;
    position: absolute;
    margin-top: 12px;
    z-index: 999
}

.popover .popover_inner {
    border: 1px solid #fff;
    word-wrap: break-word;
    word-break: break-all;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 20px hsla(0,0%,58.8%,.3);
    -moz-box-shadow: 0 0 20px hsla(0,0%,58.8%,.3);
    -webkit-box-shadow: 0 0 20px hsla(0,0%,58.8%,.3)
}

.popover .popover_arrow {
    position: absolute;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: dashed dashed solid;
    border-width: 0 8px 8px
}

.popover .popover_arrow_out {
    top: 0
}

.popover .popover_arrow_in {
    border-bottom-color: #fff;
    top: 1px
}

.popover .popover_title {
    font-size: 14px;
    font-weight: 700
}

.popover .popover_tips {
    color: rgba(0,0,0,.5)
}

.popover .popover_bar {
    text-align: center;
    margin-top: 20px
}

.popover .popover_bar .btn {
    margin: 0 .3em
}

.popover .popover_btn_bar {
    text-align: center
}

.popover.simple .popover_bar {
    text-align: left
}

.popover.simple .btn {
    margin-left: 0;
    margin-right: .6em
}

.popover.pos_left .popover_arrow {
    left: 42px
}

.popover.pos_right .popover_arrow {
    left: auto;
    right: 28px
}

.popover.pos_top .popover_arrow_in,.popover.pos_top .popover_arrow_out {
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-bottom: -8px
}

.popover.pos_down_center .popover_arrow {
    top: auto;
    bottom: -8px;
    border-bottom-width: 0;
    border-top: 8px solid #fff
}

.popover.pos_down_center .popover_arrow_out {
    border-top-color: #fff
}

.popover.normal_flow {
    position: relative;
    width: auto;
    z-index: 0
}

.popover.normal_flow .popover_inner {
    padding: 14px 20px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: rgba(0,0,0,.1)
}

.popover.normal_flow .popover_content {
    width: auto
}

.popover.normal_flow .popover_arrow_out {
    border-bottom-color: rgba(0,0,0,.1)
}

.popover.arrow_left {
    margin-left: 8px;
    margin-top: 0
}

.popover.arrow_left .popover_arrow {
    top: 25px;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent #fff transparent transparent;
    border-style: dashed solid dashed dashed;
    border-width: 8px 8px 8px 0
}

.popover.arrow_left .popover_arrow_in {
    left: 1px;
    border-right-color: #fff
}

.popover.z_top {
    z-index: 10000
}

.popover {
    padding-top: 0;
    width: 290px
}

.popover .popover_title {
    font-weight: 400;
    font-style: normal;
    padding-bottom: 5px
}

.popover .frm_input_box {
    display: block;
    width: auto
}

.popover .popover_content {
    color: rgba(0,0,0,.9)
}

.popover .popover_bar {
    text-align: justify;
    text-justify: distribute-all-lines;
    font-size: 0;
    -moz-text-align-last: auto;
    text-align-last: auto
}

.popover .popover_bar:after {
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    content: "."
}

.popover .popover_bar .tj_item {
    font-size: 14px;
    text-align: left;
    text-justify: auto
}

.popover .popover_bar .btn {
    margin: 0
}

.popover .popover_inner {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.popover .popover_arrow_out {
    border-bottom-color: hsla(0,0%,58.8%,.3);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    top: 1px
}

.popover .popover_arrow_in {
    top: 0;
    border-width: 0 14px 14px;
    margin-left: -14px
}

.popover.key_value_popover p {
    overflow: hidden;
    padding-top: 10px
}

.popover.key_value_popover p:first-child {
    padding-top: 0
}

.popover.key_value_popover label {
    float: left;
    width: 6em;
    margin-right: 1em;
    color: rgba(0,0,0,.5)
}

.popover.key_value_popover span {
    display: block;
    overflow: hidden
}

.popover.pos_right .popover_arrow_out {
    left: auto;
    right: 32px
}

.popover.pos_right .popover_arrow_in {
    left: auto;
    right: 26px
}

.popover {
    font-size: 14px
}

.popover .popover_btn_bar .btn {
    margin-top: 20px
}

.popover_target {
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.dialog_wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    background-color: rgba(0,0,0,.5);
    z-index: 2001;
    text-align: center;
    color: rgba(0,0,0,.9);
    font-weight: 400
}

.dialog_wrapper:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    overflow: hidden
}

.dialog_wrapper.dialog_info .dialog_bd {
    text-align: center
}

.dialog_wrapper .dialog {
    position: relative;
    padding: 0 0 34px
}

.dialog_wrapper .dialog_hd {
    padding: 20px;
    font-size: 18px;
    font-weight: 500
}

.dialog_wrapper .dialog_hd h3 {
    font-weight: 400;
    text-align: center;
    font-weight: 500;
    font-size: 18px
}

.dialog_wrapper .msg_icon_wrapper {
    float: none;
    display: block;
    text-align: center;
    margin: 20px auto 40px
}

.dialog_wrapper .icon_msg {
    width: 68px;
    height: 68px
}

.dialog_wrapper .page_msg p {
    line-height: 1.6;
    margin: 0
}

.dialog_wrp_new.dialog_component {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    min-width: 515px
}

.dialog_info .dialog_bd {
    text-align: center
}

.sub__nav .block_nav_wrp_cont {
    position: relative
}

.sub__nav .top_search_box {
    padding-right: 0;
    position: absolute;
    right: 0;
    width: 300px;
    top: 50%;
    -webkit-transform: translateY(-27px);
    transform: translateY(-27px)
}

.sub__nav .search_input_box.active {
    width: calc(100% - 32px)
}

.sub__nav__detailInnerHeader .block_nav_wrp .block_nav_wrp_cont,.sub__nav__homepageInnerHeader .block_nav_wrp .block_nav_wrp_cont {
    position: relative;
    text-align: left
}

.sub__nav__detailInnerHeader .block_nav_wrp .block_nav.selected a,.sub__nav__homepageInnerHeader .block_nav_wrp .block_nav.selected a {
    background: none
}

.sub__nav__detailInnerHeader .block_navs,.sub__nav__homepageInnerHeader .block_navs {
    margin-left: 170px
}

.sub__nav__homepageInnerHeader .weui-desktop-layout__side {
    position: absolute;
    top: 0
}

.sub__nav__homepageInnerHeader .weui-desktop-logo {
    padding-top: 0;
    padding-right: 0
}

.sub__nav__detailInnerHeader .top_search_box {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sub__nav__title {
    font-size: 16px;
    text-align: left;
    font-weight: 500;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 30em
}

.block_nav_more_options_manage {
    background: #fff;
    background-image: url(https://res.wx.qq.com/community/dist/community/images/manage_917aad.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 14px 8px;
    -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,.1);
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.1);
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: fixed;
    bottom: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    cursor: pointer
}

.subnav_edit_box {
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px;
    width: 454px;
    height: 306px;
    overflow-y: auto;
    overflow-x: hidden
}

.subnav_edit_box_li {
    height: 48px;
    line-height: 48px;
    padding: 0 28px;
    cursor: pointer;
    background-image: url(https://res.wx.qq.com/community/dist/community/images/move_194568.svg);
    background-repeat: no-repeat;
    background-position: 9px 17px
}

.subnav_edit_box_add_button {
    height: 48px;
    width: 430px;
    line-height: 48px;
    padding: 0 12px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #07c160;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.subnav_edit_box_add_button_text {
    background-image: url(https://res.wx.qq.com/community/dist/community/images/add_e26997.svg);
    background-repeat: no-repeat;
    background-position: 1px 17px;
    padding-left: 20px
}

.search_minihome_list {
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    border-radius: 2px;
    width: 160px;
    position: fixed;
    z-index: 100;
    max-height: 180px;
    overflow: auto
}

.search_minihome_list li {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000;
    cursor: pointer
}

.search_minihome_list li:hover {
    background: rgba(0,0,0,.02)
}

.no_search_result_tips {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #fa5151;
    float: right
}

.favlist_manage_icon {
    background-image: url(https://res.wx.qq.com/community/dist/community/images/manage_917aad.svg);
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    top: 7px
}

.fav_list_delete,.favlist_manage_icon {
    background-repeat: no-repeat;
    position: relative
}

.fav_list_delete {
    float: right;
    background-image: url(https://res.wx.qq.com/community/dist/community/images/delete_icon_439eb5.svg);
    background-size: 12px 13px;
    width: 12px;
    height: 13px;
    top: 16px
}

.unread-tag {
    min-width: 18px;
    border-radius: 9px;
    padding: 0 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    line-height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -6px;
    margin-right: -18%;
    background-color: #e15f63;
    color: #fff
}

.unread-tag.more:after {
    content: "+";
    display: inline-block;
    position: relative;
    top: -1px;
    margin-right: -2px
}

.unread-tag-small {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e15f63
}

.head_box .account_message_item {
    padding: 18px 26px;
    color: rgba(0,0,0,.9)
}

.head_box .account_message_item.account_message_item_unread {
    background-color: #f6fcff
}

.head_box .account_message_item.account_message_item_unread_reddot {
    position: relative
}

.head_box .account_message_item.account_message_item_unread_reddot:before {
    position: absolute;
    top: 26px;
    left: 10px;
    content: " ";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e15f63
}

.head_box .account_message_item_verb {
    color: rgba(0,0,0,.5)
}

.head_box .account_message_item__info,.head_box .account_message_item__info__main {
    color: rgba(0,0,0,.9)
}

.head_box .account_message_item__info__desc {
    margin: 0 .2em;
    color: rgba(0,0,0,.5)
}

.head_box .account_message_item__info__desc:first-of-type {
    margin: 0
}

.head_box .global_info_item {
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 0 40px;
    color: rgba(0,0,0,.5)
}

.head_box .global_info_item:first-child {
    padding-left: 0
}

.head_box .global_info_item:last-child {
    padding-right: 0
}

.head_box .global_info_item:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: currentColor;
    height: 1px;
    display: block;
    width: 100%;
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease;
    -o-transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease;
    transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease;
    bottom: -1px
}

.head_box .global_info_item .unread-tag-small {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -7px
}

.head_box .global_info_item .icon_dot_notices {
    top: 0;
    margin-top: -6px;
    left: 5px
}

.head_box .global_extra {
    position: absolute;
    top: 0;
    right: 15px
}

.head_box .header_ctrls_meta.top_notice_box .account_inbox_switch,.head_box .header_ctrls_meta.top_personal_msg_box .personal_msg_switch {
    padding: 0 10px
}

.head_box .header_ctrls_meta.top_user_box:after {
    content: " ";
    display: block;
    width: 50px;
    height: 20px;
    position: absolute;
    right: -10px
}

.head_box .account_private_list .account_private_item {
    height: 40px;
    padding: 16px 10px;
    cursor: pointer
}

.head_box .account_private_list .account_private_item_avatar {
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.head_box .account_private_list .account_private_item_avatar_img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.head_box .account_private_list .account_private_item_content {
    margin-left: 52px
}

.head_box .account_private_list .account_private_item_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.head_box .account_private_list .account_private_item_name {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 30em;
    max-width: 12em
}

.head_box .account_private_list .account_private_item_time {
    color: rgba(0,0,0,.5);
    font-size: 12px
}

.head_box .account_private_list .account_private_item_body {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 30em;
    color: rgba(0,0,0,.5)
}

.head_box .servicemarket_userbar.dib .hd_login_link {
    line-height: 72px;
    font-size: 17px;
    color: rgba(0,0,0,.9);
    margin-left: 0;
    top: 0;
    width: auto
}

.head_box .servicemarket_userbar.dib .account_message_box {
    top: 72px
}

.head_box .servicemarket_userbar.dib .header_ctrls_meta {
    margin-left: 32px
}

.head_box .servicemarket_userbar.dib .header_ctrls_divider {
    width: 0;
    height: 18px;
    border-left: 1px solid rgba(0,0,0,.1);
    position: relative;
    display: inline-block;
    top: -3px;
    vertical-align: middle
}

.head_box .servicemarket_userbar.dib .top_user_box .user_avatar {
    border-radius: 4px
}

.head_box .header_ctrls_meta.header_ctrls_meta_navigation {
    display: none
}

.head_box .top_search_box {
    top: -4px
}

.servicemarket-nav.head_box .weui-desktop-head__inner_hd {
    width: auto
}

.servicemarket-nav.head_box .weui-desktop-head__inner {
    height: 72px;
    max-width: 1224px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.servicemarket-nav.head_box .weui-desktop-logo.servicemarket-nav_logo {
    padding-top: 22px
}

.servicemarket-nav.head_box .weui-desktop-logo.servicemarket-nav_logo a:before {
    width: 197px;
    height: 28px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/servicemarket_logo_fa7084.svg) 0 0 no-repeat
}

.servicemarket-nav.head_box .block_nav_link {
    line-height: 72px
}

.servicemarket-nav.head_box .header_ctrls {
    margin-top: -14px
}

.servicemarket-nav.head_box .block_nav {
    margin-right: 32px
}

.servicemarket-nav.head_box .block_nav.normal_nav:hover:after {
    opacity: 0
}

.servicemarket-nav.head_box .block_nav_link {
    font-size: 17px;
    color: rgba(0,0,0,.9)
}

.head.head__scrolled {
    padding-top: 0
}

.head.head__scrolled .head__nav__container {
    position: static
}

.head .search_hold {
    width: 300px;
    float: right;
    height: 2px;
    display: block
}

.head .block_nav_wrp__empty__hold {
    height: 32px
}

.head .block_nav_last_with-extend.selected {
    margin-right: 12px
}

.head .block_nav_plate {
    position: relative
}

.head .block_nav_plate:after {
    display: block;
    content: " ";
    position: absolute;
    height: 20px;
    width: 1px;
    background-color: rgba(0,0,0,.1);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transform: translateX(.5);
    transform-origin: 0 0;
    -webkit-transform: translateX(.5);
    -webkit-transform-origin: 0 0;
    top: 0;
    margin-top: 5px
}

.head .block_nav_plate.selected a {
    margin-left: 12px
}

.head .block_nav_more {
    position: relative
}

.head .block_nav_plate_extend {
    display: inline-block;
    vertical-align: top
}

.head .block_nav_plate_extend.selected .popover_target {
    background-color: #e8e8e8;
    font-weight: 500;
    border-radius: 16px
}

.head .block_nav_plate_extend .popover_target {
    position: relative;
    color: rgba(0,0,0,.9);
    line-height: 30px;
    padding: 0 20px
}

.head .block_nav_plate_extend .popover_target:after {
    content: " ";
    display: inline-block;
    vertical-align: 2px;
    width: 7px;
    height: 7px;
    border-left: 1px solid rgba(0,0,0,.9);
    border-bottom: 1px solid rgba(0,0,0,.9);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 0 .8em 0 9px;
    position: relative;
    top: -2px
}

.head .block_nav_plate_extend .popover_target span {
    max-width: 10em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 30em;
    display: inline-block;
    vertical-align: top
}

.head .block_nav_plate_extend .popover {
    width: auto!important;
    left: 50%!important;
    top: 30px!important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.head .block_nav_plate_extend .popover_inner {
    padding: 0
}

.head .block_nav_plate_extend .block_nav_more-options__list__item__inner {
    display: block;
    line-height: 38px;
    color: rgba(0,0,0,.9);
    padding: 0 16px;
    max-width: 10em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 30em
}

.head__nav__transform__top {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.head__nav__transform__bottom {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.head__nav__container.servicemarket-header {
    height: 72px;
    background-color: #fff
}

@media only screen and (max-width:959px) {
    .app_container.app .head__nav__container.servicemarket-header {
        position: fixed
    }
}

.mod_checkbox .lbl_content_desc,.weui-desktop-steps {
    color: rgba(0,0,0,.5)
}

.weui-desktop-steps {
    background-color: #fff;
    border-bottom: 1px solid #d9dadc;
    text-align: center;
    line-height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    counter-reset: step;
    font-size: 14px
}

.weui-desktop-step,.weui-desktop-step:before {
    display: inline-block;
    vertical-align: middle
}

.weui-desktop-step:before {
    counter-increment: step;
    content: counter(step);
    margin: -.2em 6px 0 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border: 1px solid;
    border-radius: 50%
}

.weui-desktop-step:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    width: 30px;
    border-bottom: 2px solid #d9dadc
}

.weui-desktop-step:last-child:after {
    display: none
}

.weui-desktop-step.current {
    color: #1aad19
}

.weui-desktop-step__panel {
    height: 300px;
    overflow-y: auto
}

.weui-desktop-steps_vertical {
    text-align: left
}

.weui-desktop-steps_vertical .weui-desktop-step {
    overflow: hidden;
    min-height: 50px;
    display: block
}

.weui-desktop-steps_vertical .weui-desktop-step:before {
    text-align: center
}

.weui-desktop-steps_vertical .weui-desktop-step:after {
    display: block;
    border-right: 2px solid #d9dadc;
    height: 30px;
    width: 0;
    margin: 0 9px
}

.weui-desktop-steps_vertical .weui-desktop-step:last-child:after {
    display: none
}

.weui-desktop-step {
    position: relative
}

.weui-desktop-step:before {
    vertical-align: top;
    margin-top: 0
}

.weui-desktop-step:after {
    margin: 8px 10px
}

.weui-desktop-step__title {
    display: inline-block;
    vertical-align: top;
    line-height: 1.4
}

.weui-desktop-steps_vertical .weui-desktop-step:after {
    position: absolute;
    top: 55px;
    height: 100%
}

.weui-desktop-steps {
    line-height: 1.4
}

.weui-desktop-step {
    vertical-align: top;
    padding: 21px 0
}

.edui_mask_edit_bar.edui-default.edui-bubble .edui-popup-content {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.1);
    font-size: 14px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: rgba(0,0,0,.9);
    padding: 0 10px
}

.edui_mask_edit_bar .edui-popup-body {
    width: 320px!important
}

.edui_mask_edit_group {
    *zoom: 1;
    border-top: 1px solid rgba(0,0,0,.1)
}

.edui_mask_edit_group:after {
    content: " ";
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.edui_mask_edit_group:first-child {
    border-top-width: 0
}

.edui_mask_edit_group.with_line .edui_mask_edit_meta_inner {
    border-left: 1px solid rgba(0,0,0,.1)
}

.edui_mask_edit_group.with_line .edui_mask_edit_meta.first_child .edui_mask_edit_meta_inner {
    border-left-width: 0
}

.edui_mask_edit_meta {
    padding: 10px 0;
    cursor: pointer;
    float: left
}

.edui_mask_edit_meta_inner {
    padding: 0 12px
}

.edui_mask_edit_meta:hover .icon_edui_mask_img_canceladapt {
    background: transparent url(/zh_CN/htmledition/images/icon/ueditor/mask_edit/icon_edui_mask_img_canceladapt_hl.png?__sprite) no-repeat 0 0
}

.edui_mask_edit_meta:hover .icon_edui_mask_img_adapt {
    background: transparent url(/zh_CN/htmledition/images/icon/ueditor/mask_edit/icon_edui_mask_img_adapt_hl.png?__sprite) no-repeat 0 0
}

.edui_mask_edit_meta:hover .icon_edui_mask_img_del {
    background: transparent url(/zh_CN/htmledition/images/icon/ueditor/mask_edit/icon_edui_mask_img_del_hl.png?__sprite) no-repeat 0 0
}

.edui_mask_edit_meta.primary {
    float: right
}

.edui_mask_edit_meta.first_child .edui_mask_edit_meta_inner {
    padding-left: 0
}

.edui_mask_edit_meta.no_extra .edui_mask_edit_meta_inner {
    padding-right: 0
}

.edui_mask_edit_meta.edui_popup_link {
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.icon_edui_mask_img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px
}

.icon_edui_mask_img_canceladapt {
    background: transparent url(/zh_CN/htmledition/images/icon/ueditor/mask_edit/icon_edui_mask_img_canceladapt.png?__sprite) no-repeat 0 0
}

.icon_edui_mask_img_adapt {
    background: transparent url(/zh_CN/htmledition/images/icon/ueditor/mask_edit/icon_edui_mask_img_adapt.png?__sprite) no-repeat 0 0
}

.icon_edui_mask_img_del {
    background: transparent url(/zh_CN/htmledition/images/icon/ueditor/mask_edit/icon_edui_mask_img_del.png?__sprite) no-repeat 0 0
}

.appmsg_edit_item {
    padding-bottom: 1em
}

.appmsg_edit_item .frm_label {
    display: block;
    width: auto;
    float: none;
    *zoom: 1;
    margin-right: 0;
    margin-bottom: 4px
}

.appmsg_edit_item .frm_label:after {
    content: " ";
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.appmsg_edit_item .lbl_content .tips_global {
    margin-left: .5em
}

.appmsg_edit_item .frm_textarea_box {
    width: 100%
}

.appmsg_edit_item.author,.appmsg_edit_item.title {
    position: relative
}

.appmsg_edit_item.author .frm_counter,.appmsg_edit_item.title .frm_counter {
    right: 10px
}

.appmsg_edit_item.author.frm_input_box,.appmsg_edit_item.title.frm_input_box {
    width: auto;
    display: block;
    border: 0;
    height: auto;
    line-height: 1.6
}

.appmsg_edit_item.author .placeholder_tips,.appmsg_edit_item.title .placeholder_tips {
    position: absolute;
    left: 0
}

.appmsg_edit_item.author .frm_input,.appmsg_edit_item.title .frm_input {
    position: relative;
    z-index: 1
}

.appmsg_edit_item.title {
    margin: 25px 0 0;
    padding: 0
}

.appmsg_edit_item.title .frm_input {
    font-size: 22px;
    height: 46px;
    line-height: 46px
}

.appmsg_edit_item.title .frm_counter {
    top: 20px
}

.appmsg_edit_item.title .placeholder_tips {
    font-size: 22px;
    top: 10px
}

.appmsg_edit_item.author {
    margin: 15px 0 10px;
    padding: 0 0 10px
}

.appmsg_edit_item.author .frm_counter {
    top: 6px
}

.appmsg_edit_item.author .placeholder_tips {
    top: 3px
}

.appmsg_edit_item.gap_left {
    margin-left: 0;
    margin-right: 0
}

.appmsg_edit_item strong.title {
    font-weight: 400;
    font-style: normal;
    float: left
}

.appmsg_edit_item .tips {
    color: #898989
}

.appmsg_edit_item .tips em {
    font-weight: 400;
    font-style: normal
}

.appmsg_edit_item .tips.gap_left {
    float: left;
    margin-left: .5em
}

.appmsg_edit_item .frm_input_box.reward_wording {
    width: 382px
}

.appmsg_edit_item .zoom_edit_access.zoomin {
    display: none
}

.appmsg_edit_item.content_edit {
    padding-bottom: 0
}

.appmsg_edit_item.content_edit .pop_closed {
    display: none;
    position: absolute;
    right: 20px;
    top: 20px
}

.appmsg_edit_item.content_edit .tool_bar {
    display: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-top-width: 0;
    margin: 0;
    padding-bottom: 28px
}

.appmsg_edit_item.content_edit .zoom_in_switch {
    display: none
}

.appmsg_edit_item.content_edit.zoom_edit {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    width: 960px;
    padding: 5px 20px 25px;
    z-index: 801
}

.appmsg_edit_item.content_edit.zoom_edit .frm_label {
    padding: 5px 0
}

.appmsg_edit_item.content_edit.zoom_edit .zoom_edit_tips {
    margin-right: 8px
}

.appmsg_edit_item.content_edit.zoom_edit .pop_closed {
    display: inline-block
}

.appmsg_edit_item.content_edit.zoom_edit .tool_bar {
    display: block
}

.appmsg_edit_item.content_edit.zoom_edit .zoom_out_switch {
    display: none
}

.appmsg_edit_item.content_edit.zoom_edit .zoom_in_switch {
    display: inline-block
}

.appmsg_edit_item.content_edit.zoom_edit .edui-default .edui-editor-iframeholder {
    height: 500px!important
}

.appmsg_edit_item.content_edit.zoom_edit .zoom_edit_access.zoomout {
    display: none
}

.appmsg_edit_item.content_edit.zoom_edit .zoom_edit_access.zoomin {
    display: inline-block
}

.appmsg_edit_item.appmsg_description {
    *zoom: 1
}

.appmsg_edit_item.appmsg_description .frm_textarea_box {
    width: 540px
}

.post_editor_box {
    position: relative
}

.post_editor_box .page_msg {
    margin: 20px 0
}

.post_editor_box .mpeditor_global_tips {
    position: absolute;
    top: 13px;
    right: 16px
}

.post_editor_box .cover_preview_wrp {
    *zoom: 1
}

.post_editor_box .cover_preview_wrp:after {
    content: " ";
    content: "\200B";
    display: block;
    height: 0;
    clear: both
}

.post_editor_box .cover_preview {
    float: left;
    position: relative;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    width: 188px;
    height: 120px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.post_editor_box .cover_preview .del_media_white {
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin-left: -10px
}

.post_editor_box .cover_preview .card_mask_global {
    display: none
}

.post_editor_box .cover_preview .hover_mask {
    top: auto;
    height: 44px
}

.post_editor_box .cover_preview .error_mask {
    display: block;
    padding: 32px 8px 50px;
    overflow: auto;
    word-wrap: break-word;
    word-break: break-all
}

.post_editor_box .cover_preview:hover .hover_mask {
    display: block
}

.post_editor_box .edui_toolbar_mask {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: hsla(0,0%,100%,.5)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#80ffffff",endcolorstr = "#80ffffff")
}

.post_editor_box .edui_editor_wrp {
    position: relative;
    z-index: 0;
    min-height: 320px
}

.post_editor_box .edui-default .edui-toolbar {
    padding: 9px 10px
}

.post_editor_box .editor_area .editor_content_placeholder {
    position: absolute;
    color: rgba(0,0,0,.5)
}

.post_editor_box .editor_area iframe {
    position: relative;
    z-index: 1;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: inherit
}

.post_editor_box .editor_area .split_line {
    border-top: 1px solid rgba(0,0,0,.1);
    margin: 0;
    display: none
}

.post_editor_box .editor_area .page_msg {
    margin-bottom: -10px
}

.post_editor_box .edui_iframe_switch_tips {
    padding: 20px 0;
    text-align: center;
    cursor: pointer
}

.post_editor_box .edui-editor-iframeholder {
    min-height: 0
}

.post_editor_box .appmsg_editor_wrp {
    min-height: 560px
}

.post_editor_box .appmsg_editor_inner {
    padding: 0
}

.post_editor_box .appmsg_editor_arrow_wrp {
    position: absolute;
    left: -9px
}

.post_editor_box .appmsg_editor_arrow {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent rgba(0,0,0,.1) transparent transparent;
    border-style: dashed solid dashed dashed;
    border-width: 8px 8px 8px 0
}

.post_editor_box .appmsg_editor_arrow.arrow_in {
    left: 1px;
    border-right-color: #fff
}

.post_editor_tool {
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,.1);
    margin-top: 20px;
    padding: 20px 0
}

.CodeMirror {
    left: 0!important;
    right: 0!important
}

.body.page_simple .mod_default_box.doc_create_edit {
    padding: 30px;
    margin-top: 20px
}

.post_editor_wrp {
    min-height: 500px
}

.post_editor_bar {
    text-align: center
}

.markdown-editor-container {
    background-color: #fff;
    border-radius: 4px;
    padding: 0 22px
}

.frm_input_box {
    width: 408px
}

.frm_input_box.counter_in {
    width: 363px
}

.frm_textarea_box {
    width: 412px;
    padding: 4px 10px 4px 15px
}

.frm_textarea_box .frm_counter {
    display: block;
    text-align: right
}

.gray-tips {
    color: rgba(0,0,0,.5)
}

.post_editor_box .frm_label {
    width: 6em;
    margin-right: 0;
    font-weight: 500
}

.select_tags_wrp {
    margin-bottom: -10px
}

.upload_btn_wrp {
    position: relative
}

.upload_wrp {
    margin-top: 10px
}

.upload_file_box {
    z-index: 9999
}

.upload_item_preview {
    display: inline-block;
    width: 240px;
    height: 135px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.user-name {
    display: block;
    font-weight: 400
}

.user-info {
    color: rgba(0,0,0,.5)
}

.user-avartar__wrp,.user-card__opr {
    display: table-cell;
    vertical-align: middle
}

.user-avartar__wrp {
    position: relative;
    font-size: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.user-avartar__wrp .user-avatar {
    width: 100%;
    height: 100%;
    display: block
}

.user-card__wrp {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 10px
}

.user-card__wrp .user-card_ban {
    display: none
}

.user-card__wrp:hover .user-card__mask {
    opacity: 1;
    visibility: visible
}

.user-card__wrp .user-card__mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0,0%,100%,.9);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.user-card__wrp .user-card__mask:after {
    content: " ";
    height: 100%;
    vertical-align: middle;
    display: inline-block
}

.user-card__wrp.width_fixed {
    width: 280px
}

.user-card__wrp.selected {
    border-radius: 2px;
    background-color: rgba(0,0,0,.1)
}

.user-card__wrp.ban_select {
    position: relative
}

.user-card__wrp.ban_select .user-info,.user-card__wrp.ban_select .user-name {
    color: rgba(0,0,0,.3)
}

.choose-weapp__dialog .dialog_bd,.login_box .dialog_bd {
    padding: 0;
    min-height: 350px;
    max-height: 445px;
    overflow: auto
}

.choose-weapp__dialog .company_step1 .dialog,.choose-weapp__dialog .company_step1 .dialog_bd,.login_box .company_step1 .dialog,.login_box .company_step1 .dialog_bd {
    overflow: visible
}

.choose-weapp__dialog .pagination,.login_box .pagination {
    padding-top: 20px
}

.choose-weapp__dialog .weapp-card__list,.login_box .weapp-card__list {
    margin-right: -15px;
    margin-bottom: -15px;
    overflow: hidden
}

.choose-weapp__dialog .weapp-card__item,.login_box .weapp-card__item {
    display: inline-block;
    width: calc(50% - 15px);
    margin-right: 15px;
    padding-bottom: 5px
}

.login_box .dialog_hd h3 {
    text-align: left
}

.login_box .dialog_wording {
    margin: 20px 40px;
    text-align: left
}

.login_box .user-info,.login_box .user-name {
    overflow: hidden;
    word-break: break-all;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.login_box .choose-weapp__content {
    padding: 0 45px
}

.qrcheck_title {
    padding-bottom: 20px
}

.qrcheck_box,.qrcheck_title {
    text-align: center
}

.qrcheck_box.primary {
    border: 1px solid rgba(0,0,0,.1)
}

.qrcheck_box.primary .qrcheck_qrcode_area {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 140px;
    height: 120px;
    padding: 10px 0;
    background-image: url(/zh_CN/htmledition/images/pic/common/pic_qrcode_default.png)
}

.qrcheck_box.primary .qrcheck_msg_area {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid rgba(0,0,0,.1);
    padding: 10px 14px;
    margin-top: 0
}

.qrcheck_box.primary .qrcheck_msg_area_primary .qrcheck_msg {
    width: auto
}

.qrcheck_box.primary .qrcheck_msg_area_primary .icon_msg_small {
    margin-bottom: .35em
}

.qrcheck_box.primary .qrcheck_msg {
    width: 100%
}

.qrcheck_box.primary .qrcheck_msg p {
    overflow: hidden
}

.qrcheck_box.primary .qrcheck_msg p.spacing {
    margin-top: 1em
}

.qrcheck_box.primary .qrcheck_msg.with_icon .qrcheck_msg_inner {
    padding-left: 25px;
    position: relative
}

.qrcheck_box.primary .qrcheck_msg.with_icon i {
    position: absolute;
    left: 0;
    top: 3px;
    display: none
}

.qrcheck_box.primary .qrcheck_img_area {
    display: inline-block;
    vertical-align: middle
}

.qrcheck_box.primary .qrcheck_img {
    width: 120px;
    height: 120px
}

.qrcheck_qrcode_area {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 220px;
    height: 220px;
    background: transparent url(/zh_CN/htmledition/images/pic/common/pic_qrcode_default.jpg) no-repeat 50% 50%
}

.qrcheck_msg_area {
    margin-top: 30px;
    text-align: center
}

.qrcheck_msg {
    display: inline-block;
    vertical-align: middle;
    color: rgba(0,0,0,.5)
}

.qrcheck_msg .icon_msg_small {
    margin-bottom: 1em
}

.qrcheck_msg_title {
    color: rgba(0,0,0,.9)
}

.qrcheck_mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(0,0%,100%,.95)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#f2ffffff",endcolorstr = "#f2ffffff");
    text-align: center
}

.qrcheck_img_area {
    background-color: #fff
}

.qrcheck_img {
    display: block;
    width: 220px;
    height: 220px
}

.page_msg.with_closed {
    padding-top: 0
}

.post_editor_box .edui-editor .page_msg {
    margin-top: 0
}

.mod_default_box .tips_global {
    padding-bottom: 20px
}

.select_profile_content {
    position: relative;
    text-align: center
}

.select_profile_card {
    cursor: pointer;
    display: inline-block;
    margin-right: 130px
}

.select_profile_card:last-child {
    margin-right: 0
}

.select_profile_card .card_desc {
    font-size: 16px
}

.select_profile_card_ic {
    display: block;
    width: 66px;
    height: 66px;
    margin: 0 auto 17px
}

.select_profile_card_ic.select_profile_card_ic_person {
    background: url(https://res.wx.qq.com/community/dist/community/images/login_person_d68fa5.svg) no-repeat 50%;
    background-size: contain
}

.select_profile_card_ic.select_profile_card_ic_company {
    background: url(https://res.wx.qq.com/community/dist/community/images/login_enterprise_857b15.svg) no-repeat 50%;
    background-size: contain
}

.card_company_tips {
    margin-top: 64px;
    text-align: center;
    color: rgba(0,0,0,.5)
}

.card_company_tips a {
    cursor: pointer
}

.select_profile .dialog {
    padding: 0
}

.select_profile .dialog_bd {
    text-align: center;
    position: relative;
    padding: 28px 0 0
}

.select_profile .login_cover {
    position: absolute;
    left: 115px;
    line-height: 45px;
    background-color: #fff;
    font-size: 16px
}

.select_profile.add_hieght .dialog_bd {
    margin: 0 0 17px
}

.company_step1 .dialog_bd {
    position: relative
}

.company_step1 .company_step1_wording {
    text-align: left;
    margin-bottom: 10px
}

.company_step1 .company_step1_content {
    width: 73%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    position: absolute
}

.company_step1 .frm_label {
    width: auto
}

.company_step1 .icon_msg_mini.ask {
    width: 16px;
    height: 16px;
    position: relative;
    top: -1px;
    left: 4px;
    background: url() 0 0 no-repeat;background-size: cover
}

.company_step1 .icon_msg_mini.ask:hover {
    cursor: pointer
}

.company_tips_content {
    text-align: center
}

.company_complete_sub,.company_tips_sub {
    font-size: 16px;
    margin: 30px 0 15px
}

.company_tips_desc {
    text-align: left
}

.company_tips_unmatch-account .company_tips_desc {
    text-align: center
}

.operation_ask .company_tips_desc {
    text-align: center;
    padding: 0
}

.icon_msg {
    width: 100px;
    height: 100px
}

.icon_msg.info {
    background-image: url("")
}

.icon_msg.success {
    background-image: url("")
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .icon_msg.success {
        background-image: url("");
        background-size: 100px auto
    }
}

.icon_msg.waiting {
    background-image: url("")
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .icon_msg.waiting {
        background-image: url("");
        background-size: 100px auto
    }
}

.icon_msg.warn {
    background-image: url("")
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .icon_msg.warn {
        background-image: url("");
        background-size: 100px auto
    }
}

.icon_msg.warn_gray {
    background-image: url("")
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .icon_msg.warn_gray {
        background-image: url("");
        background-size: 100px auto
    }
}

.choose-weapp__dialog.dialog_wrapper .dialog {
    padding-bottom: 11px
}

.choose-weapp__dialog .dialog_component {
    overflow: hidden;
    border-radius: 4px
}

.choose-weapp__dialog .dialog_bd {
    max-height: 282px
}

.choose-weapp__dialog .dialog_hd {
    padding: 32px 0 8px
}

.choose-weapp__dialog .dialog_subtitle {
    text-align: center
}

.choose-weapp__dialog .choose-weapp__content {
    padding: 32px 40px 0;
    height: 263px;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.choose-weapp__dialog .user-card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-left: 60px
}

.choose-weapp__dialog .user-info__wrp {
    min-height: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.choose-weapp__dialog .user-name {
    overflow: hidden;
    word-break: break-all;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.choose-weapp__dialog .user-avartar__wrp {
    position: absolute;
    top: 0;
    left: 0;
    width: 47px;
    height: 47px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden
}

.choose-weapp__dialog .weapp-card__item:nth-child(2n) {
    padding-right: 0
}

.select_profile .dialog_hd {
    line-height: 67px;
    height: 67px
}

.company_dialog_desc_item {
    margin-bottom: 10px
}

.company_dialog_desc_order {
    counter-reset: num
}

.company_dialog_desc_order .company_dialog_desc_item {
    position: relative;
    margin-left: 2.5em
}

.company_dialog_desc_order .company_dialog_desc_item:before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: num;
    content: counter(num) ".";
    margin-right: .5em;
    margin-left: -1.4em;
    font-size: 14px
}

.company_complete.dialog_wrapper .dialog {
    padding-bottom: 16px
}

.company_complete .dialog_hd {
    display: none
}

.company_complete .dialog_bd {
    padding: 30px 63px 1px
}

.company_complete .icon_msg {
    width: 53px;
    height: 53px
}

.company_complete .company_complete_content {
    margin-top: 15px;
    text-align: center
}

.company_complete .company_complete_sub {
    margin: 22px 0 31px
}

.company_complete .company_complete_desc {
    text-align: left
}

.create_enterprise_homepage .dialog {
    padding-bottom: 41px
}

.create_enterprise_homepage .dialog_hd {
    padding-top: 31px;
    padding-bottom: 9px
}

.create_enterprise_homepage .dialog_hd h3 {
    text-align: center;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #000
}

.create_enterprise_homepage .dialog_bd {
    max-height: none!important;
    min-height: 0!important
}

.create_enterprise_homepage .dialog_ft {
    height: auto;
    line-height: normal
}

.create_enterprise_homepage .dialog_subtitle {
    margin-bottom: 4px;
    text-align: center
}

.create_enterprise_homepage .dialog_desc {
    font-size: 12px;
    color: rgba(0,0,0,.5);
    margin-bottom: 32px;
    text-align: center
}

.create_enterprise_homepage .user-card {
    height: 48px;
    position: relative;
    padding-left: 64px
}

.create_enterprise_homepage .user-avartar__wrp {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 16px;
    position: absolute;
    left: 0
}

.create_enterprise_homepage .user-avatar {
    display: block;
    width: 100%;
    height: 100%
}

.create_enterprise_homepage .user-name {
    -webkit-line-clamp: 2
}

.create_enterprise_homepage.company_step1 .user-name,.create_enterprise_homepage .user-name {
    overflow: hidden;
    word-break: break-all;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.create_enterprise_homepage.company_step1 .user-name {
    -webkit-line-clamp: 1
}

.create_enterprise_homepage .choose-weapp__content {
    padding: 0 30px;
    height: 226px;
    overflow-y: auto
}

.create_enterprise_homepage .weapp-card__item:nth-child(2n) {
    margin-right: 0
}

.create_enterprise_homepage .frm_checkbox_label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 0;
    padding: 14px 0
}

.create_enterprise_homepage .frm_checkbox_label:after {
    display: block;
    content: " ";
    position: absolute;
    height: 1px;
    background-color: rgba(0,0,0,.1);
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    bottom: 0;
    left: 0;
    right: 0
}

.create_enterprise_homepage .popover_target {
    margin-left: 5px
}

.create_enterprise_homepage .icon_checkbox {
    margin-top: 4px;
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.create_enterprise_homepage .lbl_content_title {
    margin-bottom: 2px
}

.create_enterprise_homepage.company_step2 .dialog_desc {
    margin-bottom: 19px
}

.create_enterprise_homepage.company_step2 .dialog_bd {
    padding: 0 32px 30px
}

.create_enterprise_homepage .frm_control_group_selecttype {
    padding-bottom: 9px
}

.create_enterprise_homepage .company_step1_popover {
    text-align: left
}

.create_enterprise_homepage .company_step1_popover .popover.pos_right .popover_arrow_in {
    right: 28px
}

.company_tips .dialog_component {
    min-height: 418px;
    overflow: hidden;
    border-radius: 4px
}

.company_tips .dialog_bd {
    padding: 45px 45px 30px
}

.company_tips .icon_msg.info {
    width: 53px;
    height: 53px
}

.company_tips .company_tips_sub {
    margin: 23px 0 30px
}

.company_step3 .company_complete_content {
    margin-top: 0
}

.company_step3 .dialog_bd {
    padding-bottom: 0
}

.dialog__select__login-type .dialog_hd {
    padding: 44px 40px 36px
}

.dialog__select__login-type .dialog_hd h3 {
    text-align: left;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #000
}

.dialog__select__login-type .dialog_bd {
    padding: 0
}

.dialog__select__login-type .pop_closed {
    top: 49px;
    right: 40px
}

.dialog__select__login-type .login-type__section {
    margin-bottom: 22px
}

.dialog__select__login-type .login-type__section:last-child {
    margin-bottom: 0
}

.dialog__select__login-type .login-type__section__title {
    padding: 0 40px;
    color: rgba(0,0,0,.5);
    margin-bottom: 8px;
    text-align: left
}

.dialog__select__login-type .login-type__body {
    min-height: 200px;
    max-height: 400px;
    overflow-y: auto
}

.dialog__select__login-type .login-type__access.selected {
    position: relative
}

.dialog__select__login-type .login-type__access.selected:after {
    position: absolute;
    top: 50%;
    margin-top: -6.5px;
    right: 40px;
    content: " ";
    display: block;
    width: 18px;
    height: 13px;
    background: url(https://res.wx.qq.com/community/dist/community/images/icon_selected_d693fe.png) no-repeat 50%;
    background-size: contain
}

.dialog__select__login-type .login-type__access__container {
    display: block;
    padding: 12px 60px 12px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dialog__select__login-type .login-type__access__container:hover {
    background: rgba(0,0,0,.02)
}

.dialog__select__login-type .login-type__access__avatar {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 4px;
    margin-right: 12px
}

.dialog__select__login-type .login-type__access__info {
    text-align: left;
    color: rgba(0,0,0,.9);
    max-width: 210px;
    overflow: hidden;
    word-break: break-all;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.dialog__select__login-type .login-type__footer {
    text-align: left
}

.dialog__select__login-type .login-type__footer__icon {
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    background: url() no-repeat 50%;background-size: contain
}

.dialog__select__login-type .login-type__footer {
    padding: 32px 40px 6px
}

.subtitle_type {
    width: 150px;
    height: 156px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.subtitle_type:hover {
    background: #f7f7f7
}

.subtitle_box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.appeal_guide_content,.subtitle_box,.subtitle_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.appeal_guide_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px auto
}

.appeal_guide_wap {
    text-align: center;
    max-width: 320px
}

.company_tips_title {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    margin: 0 0 40px;
    text-align: center;
    color: #000
}

.subtitle-avartar__wrp {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-bottom: 12px
}

.appeal_guide_wap {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000
}

.btn_sub {
    background-color: rgba(7,193,96,.06)!important;
    color: #07c160!important;
    font-weight: 500;
    border: none!important
}

.get_page_top_inner {
    position: fixed;
    bottom: 40px;
    right: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: rgba(0,0,0,.04);
    cursor: pointer
}

.get_page_top_inner.get_page_top_inner_mixpage {
    background-color: transparent
}

.get_page_top_inner:hover {
    background-color: rgba(0,0,0,.08)
}

.get_page_top_inner .icon_page_top {
    display: block;
    width: 14px;
    height: 16px;
    background: url() no-repeat 50%;background-size: contain
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    -webkit-font-smoothing: antialiased
}

a,button,input,textarea {
    outline: 0
}

body,dd,dl,fieldset,h1,h2,h3,h4,h5,h6,ol,p,textarea,ul {
    margin: 0
}

fieldset,input,legend,textarea {
    padding: 0
}

ol,ul {
    padding-left: 0;
    list-style-type: none
}

a img,fieldset {
    border: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}[hidden] {
     display: none
 }

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,select {
    text-transform: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #fff;
    -moz-box-shadow: inset 0 0 0 1000px #fff;
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

select {
    border-radius: 0;
    -webkit-border-radius: 0
}

body {
    line-height: 1.6;
    font-family: -apple-system-font,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif;
    font-size: 14px;
    background-color: hsla(0,0%,100%,0)
}

body,input,textarea {
    color: rgba(0,0,0,.9)
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #a3a3a3
}

input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder {
    color: #a3a3a3
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #a3a3a3
}

input.placeholder,textarea.placeholder {
    color: #a3a3a3
}

textarea {
    resize: none;
    overflow-y: auto
}

a {
    color: #576b95;
    text-decoration: none
}

button,input,select,textarea {
    *font-family: -apple-system-font,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif
}

.link {
    color: #576b95;
    border: none;
    cursor: pointer;
    background: none
}

input :-moz-placeholder,input :-ms-input-placeholder,input ::-moz-placeholder,input::-webkit-input-placeholder {
    color: rgba(0,0,0,.3);
    font-size: 14px
}

.page_pay_qrcode .main_bd {
    padding: 50px 80px
}

.page_appmsg_edit .main_bd {
    padding: 50px 30px 0
}

.page_tpl_edit .main_bd {
    padding: 50px
}

.page_media_list .main_bd {
    padding: 20px 0 40px
}

.page_mass_list .main_bd {
    padding-bottom: 40px
}

.global_text {
    font-size: 14px;
    font-weight: 400
}

.mini_tips a {
    color: rgba(0,0,0,.9)
}

.cy_new,.lz_new,.official_new {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    font-size: 12px;
    padding: 1px 2px;
    border-radius: 2px;
    color: #fff;
    margin-left: 4px;
    vertical-align: middle
}

.ic_reward {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: top;
    background: url() no-repeat 50%;background-size: cover;
    cursor: pointer
}

.ic_professor {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    background: url(https://res.wx.qq.com/community/dist/community/images/ic_professor_269ae0.png) no-repeat 50%;
    background-size: cover
}

.from__mobile {
    display: inline-block;
    margin-left: 6px;
    font-style: inherit;
    font-weight: 400;
    color: rgba(0,0,0,.3)
}

.ic_professor_total {
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url(https://res.wx.qq.com/community/dist/community/images/ic_professor_total_57dd1d.png) no-repeat 50%;
    background-size: cover
}

.ic_check {
    display: inline-block;
    width: 13.3px;
    height: 13.3px;
    vertical-align: middle;
    background: url() no-repeat 50%;background-size: contain
}

.official_new {
    background: url() no-repeat 50%/contain;color: transparent;
    border-radius: 0;
    padding: 0;
    width: 26px;
    height: 16px
}

.ic_help {
    display: inline-block;
    vertical-align: middle;
    border: none;
    background: url(https://res.wx.qq.com/community/dist/community/images/description_icon_66bb77.svg) no-repeat 50%;
    background-size: contain
}

.admin_new,.ic_help {
    width: 16px;
    height: 16px
}

.admin_new {
    background: url() no-repeat 50%/contain
}

.lz_new {
    background: url() no-repeat 50%/contain
}

.cy_new,.lz_new {
    color: transparent
}

.cy_new {
    background: url() no-repeat 50%/contain
}

.icon__delete {
    height: 17px;
    background: url(https://res.wx.qq.com/community/dist/community/images/delete_1db02e.svg) no-repeat 50%/contain
}

.icon__delete,.icon__edit {
    display: inline-block;
    width: 16px;
    vertical-align: middle;
    color: transparent
}

.icon__edit {
    height: 16px;
    background: url(https://res.wx.qq.com/community/dist/community/images/edit_757b0c.svg) no-repeat 50%/contain
}

@font-face {
    font-family:tag;src:url(https://res.wx.qq.com/community/dist/community/images/tag_102346.eot);src:url(https://res.wx.qq.com/community/dist/community/images/tag_102346.eot) format("embedded-opentype"),url(https://res.wx.qq.com/community/dist/community/images/tag_a6243f.ttf) format("truetype"),url(https://res.wx.qq.com/community/dist/community/images/tag_1afbca.woff) format("woff"),url(https://res.wx.qq.com/community/dist/community/images/tag_930c9e.svg) format("svg");font-weight:400;font-style:normal;font-display:block
}

.cy_new_font,.official_new_font {
    font-family: tag!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.cy_new_font:before {
    content: "\E900";
    color: #10aeff
}

.cy_new_font:after {
    content: "\E901";
    margin-left: -1em;
    color: #fff
}

.official_new_font:before {
    content: "\E902";
    color: #07c160
}

.official_new_font:after {
    content: "\E903";
    margin-left: -1em;
    color: #fff
}

.icon_manage {
    width: 16px;
    background: url() no-repeat 50%
}

.icon_manage,.icon_office {
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    color: transparent
}

.icon_office {
    width: 26px;
    background: url() no-repeat 50%
}

.container_box {
    min-height: 700px
}

.container_box.cell_layout {
    *overflow: hidden
}

.container_box.cell_layout .col_main,.container_box.cell_layout .col_side {
    display: table-cell;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all
}

.container_box.cell_layout .col_side {
    width: 17.5%;
    max-width: 208px
}

.container_box.cell_layout .col_main {
    width: 2000px;
    height: 700px
}

.container_box.cell_layout .col_side {
    *float: left;
    *width: 208px;
    *padding-bottom: 9999em;
    *margin-bottom: -9999em
}

.container_box.cell_layout .col_main {
    *zoom: 1;
    *width: auto;
    *height: auto
}

.container_hd,.main_hd {
    line-height: 40px
}

.container_hd .info,.main_hd .info {
    margin-top: -40px;
    text-align: right
}

.container_hd h2,.main_hd h2 {
    font-weight: 400;
    font-style: normal
}

.container_hd .extra_info,.main_hd .extra_info {
    margin-top: -40px;
    text-align: right
}

.foot {
    padding: 0 0 0 257px;
    color: #8d8d8d;
    text-align: center
}

.foot.page_full {
    padding-left: 0
}

.foot ul {
    list-style: none;
    padding: 25px 0;
    width: 80%;
    max-width: 1140px;
    min-width: 960px;
    margin: 0 auto;
    text-align: left;
    font-size: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.foot li {
    font-size: 14px;
    padding: 0 10px
}

.foot li.links_item {
    border-left: 0
}

.foot li a {
    color: #9a9a9a;
    line-height: 20px
}

.foot li:first-child {
    border-left: none;
    padding-left: 0
}

.foot li:last-child {
    border-left: none;
    float: right;
    padding-right: 0
}

.copyright {
    display: inline;
    font-size: 14px;
    color: #8d8d8d
}

body.scaled {
    padding-top: 56px
}

.page {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.forbid_scroll {
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.container_box.simple {
    overflow: hidden;
    background-color: #fff
}

.container_hd h2,.main_hd h2 {
    margin-top: 10px;
    font-size: 22px;
    line-height: 36px
}

.container_hd .extra_info,.main_hd .extra_info {
    line-height: 43px;
    margin-top: -43px
}

.container_hd .extra_info.align_title,.main_hd .extra_info.align_title {
    margin-top: -56px;
    line-height: 36px
}

.container_hd .extra_info.align_nav,.main_hd .extra_info.align_nav {
    margin-top: -80px;
    line-height: 80px
}

.container_hd.border,.main_hd.border {
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 40px
}

.container_hd.border_primary h2,.main_hd.border_primary h2 {
    border: 1px solid rgba(0,0,0,.1)
}

.main_hd.with_extra {
    overflow: hidden
}

.main_hd.with_extra h2 {
    float: left
}

.main_hd.with_extra .main_hd_extra {
    text-align: right
}

.main_hd.with_extra .main_hd_opr {
    color: rgba(0,0,0,.5);
    cursor: pointer
}

.container_bd,.main_bd {
    padding-bottom: 30px
}

.col_side {
    min-height: 1px;
    width: 256px;
    float: left
}

.inner_side {
    *padding-bottom: 9999em;
    *margin-bottom: -9999em;
    min-height: 1px
}

.col_main {
    overflow: hidden
}

.col_main .col_main_inner {
    max-width: 960px;
    width: 85%;
    margin: 0 auto
}

.side_l .col_side,.side_l.inner_container_box .inner_side {
    border-right: 1px solid rgba(0,0,0,.1)
}

.side_r .col_side,.side_r.inner_container_box .inner_side {
    border-left: 1px solid rgba(0,0,0,.1)
}

.inner_container_box {
    *zoom: 1;
    *overflow: hidden;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.1)
}

.inner_container_box:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.inner_container_box .bd {
    min-height: 530px
}

.inner_container_box.cell_layout {
    *overflow: hidden
}

.inner_container_box.cell_layout .inner_main,.inner_container_box.cell_layout .inner_side {
    display: table-cell;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all
}

.inner_container_box.cell_layout .inner_side {
    width: 27%;
    max-width: 185px
}

.inner_container_box.cell_layout .inner_main {
    width: 2000px
}

.inner_container_box.cell_layout .inner_side {
    *float: left;
    *width: 185px
}

.inner_container_box.cell_layout .inner_main {
    *zoom: 1;
    *width: auto
}

.inner_container_box.cell_layout.side_r {
    *padding-right: 186px
}

.inner_container_box.cell_layout.side_r .inner_main {
    *float: left;
    *width: 100%
}

.page_simple .container_box {
    width: 80%;
    max-width: 1140px;
    min-width: 960px;
    margin: 0 auto
}

.page_simple .mod_default_box {
    padding: 80px 90px 20px
}

.page_simple .mod_default_box.pt30 {
    padding-top: 30px
}

.page_inner_simple .container_box {
    max-width: none;
    width: 75%
}

.page_inner_simple .col_side {
    text-align: right
}

.page_inner_simple .menu_title a {
    padding: 0
}

.common_area h2,.page_inner_simple .main_hd h2 {
    line-height: 36px
}

.common_area h2 {
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 20px
}

.grid_line {
    *zoom: 1
}

.grid_line:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.grid_line.with_1 .grid_item {
    width: 100%
}

.grid_line.with_2 .grid_item {
    width: 50%
}

.grid_line.with_3 .grid_item {
    width: 33.33%
}

.grid_line.with_4 .grid_item {
    width: 25%
}

.grid_line.with_5 .grid_item {
    width: 20%
}

.grid_line.with_6 .grid_item {
    width: 16.66%
}

.grid_line.with_7 .grid_item {
    width: 14.28%
}

.grid_line.with_8 .grid_item {
    width: 12.5%
}

.grid_line .no_extra.grid_item {
    float: none;
    width: auto;
    overflow: hidden;
    *zoom: 1;
    *overflow: visible
}

.grid_item {
    float: left
}

.grid_item.no_extra {
    float: none;
    width: auto;
    overflow: hidden;
    *zoom: 1;
    *overflow: visible
}

.grid_item.no_extra_flex {
    display: table-cell;
    vertical-align: top;
    float: none;
    width: auto;
    *display: block;
    *zoom: 1
}

.grid_item.no_extra_flex:after {
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    visibility: hidden;
    clear: both;
    height: 0!important;
    display: block;
    line-height: 0
}

.size1of1 {
    width: 100%
}

.size1of2 {
    width: 50%
}

.size1of3 {
    width: 33.33%
}

.size1of4 {
    width: 25%
}

.size1of5 {
    width: 20%
}

.size1of6 {
    width: 16.66%
}

.size1of7 {
    width: 14.28%
}

.size1of8 {
    width: 12.5%
}

.icon_radio {
    margin-top: -.2em;
    *margin-top: 0
}

.icon_radio.selected,.selected .icon_radio {
    background-image: url(https://res.wx.qq.com/community/dist/community/images/selected_1b8724.svg)
}

.icon_radio.selected.disabled,.selected.disabled .icon_radio {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_radio_selected_disabled_11b666.png) no-repeat 0 0
}

.icon_checkbox {
    margin-top: -.2em;
    *margin-top: 0
}

.icon_checkbox.selected,.selected .icon_checkbox {
    background-image: url(https://res.wx.qq.com/community/dist/community/images/checked_f7b7c3.svg)
}

.disabled .icon_checkbox,.icon_checkbox.disabled {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_checkbox_disabled_540a32.png) no-repeat 0 0
}

.icon_checkbox.selected.disabled,.selected.disabled .icon_checkbox {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_checkbox_selected_disabled_5ecd35.png) no-repeat 0 0
}

.frm_tab {
    overflow: hidden;
    *zoom: 1
}

.frm_tab_navs {
    *zoom: 1
}

.frm_tab_navs:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.frm_tab_nav {
    float: left;
    background-color: #fff;
    background-image: -o-linear-gradient(top,#fff 0,#fff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(#fff));
    background-image: linear-gradient(180deg,#fff 0,#fff);
    border-color: rgba(0,0,0,.1);
    height: 30px;
    line-height: 28px;
    *line-height: 28px;
    width: auto;
    padding-left: 36px;
    padding-right: 36px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin-right: -1px
}

.frm_tab_nav,.frm_tab_nav:hover,.frm_tab_nav button {
    color: rgba(0,0,0,.9)
}

.frm_tab_nav:hover {
    background-color: rgba(0,0,0,.1);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
    background-image: linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1));
    border-color: #dadbe0
}

.frm_tab_nav:hover button {
    color: rgba(0,0,0,.9)
}

.frm_tab_nav:hover {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.frm_tab_nav.selected {
    background: none;
    background-color: #888;
    border-color: rgba(0,0,0,.1);
    box-shadow: inset 0 3px 8px #555;
    -moz-box-shadow: inset 0 3px 8px #555;
    -webkit-box-shadow: inset 0 3px 8px #555;
    color: #fff
}

.frm_tab_panel {
    padding: 10px 0
}

.frm_tab_split {
    margin-top: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 1px 0 0 #fff;
    -moz-box-shadow: 0 1px 0 0 #fff;
    -webkit-box-shadow: 0 1px 0 0 #fff
}

.frm_tab_split,.frm_tab_split .arrow_stop {
    position: relative
}

.frm_tab_split .arrow {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent transparent rgba(0,0,0,.1);
    border-style: dashed dashed solid;
    border-width: 0 12px 12px
}

.frm_tab_split .arrow_out {
    top: -12px;
    border-bottom-color: rgba(0,0,0,.1)
}

.frm_tab_split .arrow_in {
    top: -10px;
    border-bottom-color: #fff
}

.frm_tab_split .arrow_extra {
    top: -11px;
    border-bottom-color: #fff
}

.frm_tab_tips {
    padding-top: 4px;
    color: rgba(0,0,0,.5)
}

.form_wrp.simple {
    text-align: center
}

.form_wrp.simple .form {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: left
}

.form.tips_inline .frm_tips {
    width: auto;
    display: inline-block
}

.frm_vertical_lh {
    line-height: 32px
}

.frm_vertical_pt {
    padding-top: .3em
}

.frm_vertical_pt .frm_checkbox_label {
    display: block;
    margin-bottom: 5px
}

.frm_fieldset {
    padding-top: 25px;
    padding-top: 0\9
}

.frm_fieldset.no_legend {
    padding-top: 25px
}

.frm_legend {
    display: block;
    width: 100%;
    *margin-left: -.35em;
    margin-bottom: 25px\9;
    padding-bottom: 5px
}

.frm_legend .tips {
    color: rgba(0,0,0,.5);
    margin-left: 14px
}

.frm_desc {
    color: rgba(0,0,0,.9)
}

.frm_tips {
    color: rgba(0,0,0,.5)
}

.frm_tips.gap_bottom {
    padding-bottom: 5px
}

.frm_msg,.frm_tips {
    padding-top: 4px;
    width: 300px
}

.frm_msg {
    display: none;
    overflow: hidden;
    *zoom: 1
}

.frm_msg i {
    float: left;
    font-weight: 400;
    font-style: normal;
    margin-right: 3px
}

.frm_msg.success {
    color: #7fba4f
}

.frm_msg.fail {
    color: #e15f63
}

.frm_control_group {
    *zoom: 1;
    padding-bottom: 25px
}

.frm_control_group:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.frm_control_group.show_value {
    padding-bottom: 15px
}

.frm_control_group.show_value .frm_input_box {
    height: auto;
    word-wrap: break-word;
    word-break: break-all;
    padding: 0;
    border-width: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: none;
    line-height: 1.6;
    vertical-align: top;
    margin-top: .3em
}

.frm_control_group.frm_label_block .frm_label {
    display: block;
    width: auto;
    float: none;
    font-size: 14px;
    margin-bottom: .5em
}

.frm_control_group.frm_control_block .frm_input_box,.frm_control_group.frm_control_block .frm_msg,.frm_control_group.frm_control_block .frm_textarea_box,.frm_control_group.frm_control_block .frm_tips {
    display: block;
    width: auto
}

.frm_label {
    float: left;
    width: 5em;
    margin-top: .3em;
    margin-right: 1em;
    font-size: 14px
}

.frm_label_tips {
    display: block;
    color: rgba(0,0,0,.5)
}

.frm_controls {
    display: table-cell;
    vertical-align: top;
    float: none;
    width: auto;
    *display: block;
    *zoom: 1
}

.frm_controls:after {
    content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    visibility: hidden;
    clear: both;
    height: 0!important;
    display: block;
    line-height: 0
}

.frm_input,.frm_textarea {
    width: 100%;
    background-color: transparent;
    border: 0;
    outline: 0
}

.frm_input {
    height: 22px;
    *line-height: 22px;
    margin: 4px 0
}

.frm_textarea {
    height: 100px
}

.frm_input_box {
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 268px;
    font-size: 14px;
    padding: 0 15px;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #fff
}

.frm_input_box .frm_input_append {
    *height: 30px;
    font-size: 0
}

.frm_input_box.search {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.frm_input_box.append {
    padding-right: 30px
}

.frm_input_box.append .frm_input_append {
    position: absolute;
    top: 0;
    right: .8em
}

.frm_input_box.prepend {
    padding-left: 30px
}

.frm_input_box.prepend .frm_input_append {
    position: absolute;
    top: 0;
    left: .8em
}

.frm_input_box.tips_inline {
    padding-right: 15px
}

.frm_input_box.tips_inline .frm_input_append {
    font-size: 14px
}

.frm_input_box.with_counter .frm_counter {
    width: 50px;
    color: rgba(0,0,0,.3);
    font-size: 14px;
    font-weight: 400;
    font-style: normal
}

.frm_input_box.with_counter.warn .frm_counter {
    color: #e15f63
}

.frm_input_box.counter_in {
    padding-right: 80px
}

.frm_input_box.counter_in .frm_counter {
    right: 0;
    text-align: right;
    padding-right: 15px
}

.frm_input_box.counter_out {
    padding-right: 15px
}

.frm_input_box.counter_out .frm_counter {
    right: -65px;
    padding-left: 15px
}

.frm_input_box.vcode {
    width: 157px
}

.frm_input_box.zone {
    width: 72px;
    margin-right: 5px
}

.frm_input_box.phone {
    width: 175px
}

.align_counter .frm_msg,.align_counter .frm_tips,.frm_msg.align_counter,.frm_tips.align_counter {
    margin-top: -27px
}

.frm_textarea_box {
    display: inline-block;
    width: 283px;
    padding: 4px 0 4px 15px;
    font-size: 14px;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #fff
}

.frm_textarea_box.with_counter {
    position: relative;
    margin-bottom: 27px
}

.frm_textarea_box.with_counter .frm_counter {
    color: rgba(0,0,0,.3);
    font-size: 14px;
    font-weight: 400;
    font-style: normal
}

.frm_textarea_box.with_counter.warn .frm_counter {
    color: #e15f63
}

.frm_textarea_box.counter_out .frm_counter {
    position: absolute;
    bottom: -27px;
    right: 0
}

.company_info .frm_textarea_box.with_counter {
    margin-bottom: 0
}

.company_info .no_margin_top {
    margin-top: 0
}

.disabled.frm_input_box,.disabled .frm_input_box,.disabled.frm_textarea_box,.disabled .frm_textarea_box {
    background-color: #eee
}

.focus.frm_input_box,.focus.frm_select_box,.focus.frm_textarea_box {
    border-color: #6bbe6e
}

.focus.frm_select_box {
    *border-color: transparent
}

.frm_checkbox,.frm_radio {
    position: absolute;
    left: -999em
}

.frm_checkbox_label,.frm_radio_label {
    display: inline-block;
    text-align: left;
    cursor: pointer;
    margin-right: 1em
}

.frm_checkbox_label.no_extra,.frm_radio_label.no_extra {
    margin-right: 0
}

.frm_checkbox_label.disabled,.frm_radio_label.disabled {
    color: #999;
    cursor: default
}

.icon_checkbox,.icon_radio {
    margin-right: 4px
}

.frm_select_box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    background-color: #fff;
    background-image: -o-linear-gradient(top,#fff 0,#fff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(#fff));
    background-image: linear-gradient(180deg,#fff 0,#fff);
    vertical-align: middle;
    font-size: 14px;
    *top: .6em;
    *margin-right: 5px;
    padding: 4px 0;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    *background-color: transparent;
    *border-color: transparent;
    *padding-top: 0;
    *padding-bottom: 0
}

.frm_select_box,.frm_select_box button {
    color: rgba(0,0,0,.9)
}

.frm_select_box:hover {
    background-color: rgba(0,0,0,.1);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
    background-image: linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1));
    border-color: #dadbe0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: rgba(0,0,0,.9)
}

.frm_select_box:hover button {
    color: rgba(0,0,0,.9)
}

.frm_select_label {
    *margin-top: -.2em
}

.frm_select {
    position: relative;
    z-index: 1;
    height: 22px;
    padding: 0 30px 0 15px;
    line-height: 22px;
    background-color: transparent;
    border: 0;
    outline: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .frm_select_box {
        padding: 0
    }

    .frm_select_box:after {
        content: " ";
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -2px;
        display: inline-block;
        width: 0;
        height: 0;
        border-color: #777 transparent transparent;
        border-style: solid dashed dashed;
        border-width: 4px 4px 0
    }

    .frm_select {
        -webkit-appearance: none;
        height: 32px
    }
}

.icon_agree {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/awesome_up_icon_e1f909.svg) no-repeat 0 0;
    background-size: cover;
    margin-right: 5px;
    vertical-align: middle;
    top: -2px;
    opacity: .5
}

.icon_post_opr.icon_topic_agree,.icon_topic_agree {
    display: inline-block;
    width: 10px;
    height: 9px;
    margin-top: -1px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/topic_agree_24534a.svg) no-repeat 0 0;
    background-size: contain
}

.icon_post_opr.icon_topic_unagree,.icon_topic_unagree {
    display: inline-block;
    width: 10px;
    height: 9px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/topic_unagree_daad9a.svg) no-repeat 0 0;
    background-size: contain;
    margin-top: -1px
}

.icon_selection {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_selection_5c86bd.svg) no-repeat 0 0;
    background-size: contain
}

.icon_operation_more {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_operation_more_e19059.svg) no-repeat 0 0;
    background-position: 50%
}

.icon_post_opr_discuss {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    background: transparent url() no-repeat 0 0;background-size: cover;
    margin-right: 5px;
    vertical-align: middle;
    top: -2px;
    opacity: .5
}

.icon_notice_tab {
    display: block;
    width: 20px;
    height: 16px;
    background: url(https://res.wx.qq.com/community/dist/community/images/email_d768cd.svg) no-repeat 50%
}

.icon_notice_tab_active {
    display: block;
    width: 20px;
    height: 16px;
    background: url(https://res.wx.qq.com/community/dist/community/images/emailHightline_4a42f8.svg) no-repeat 50%
}

.icon_like_tab {
    display: block;
    width: 21px;
    height: 19px;
    background: url(https://res.wx.qq.com/community/dist/community/images/like_e338ea.svg) no-repeat 50%
}

.icon_like_tab_active {
    display: block;
    width: 21px;
    height: 19px;
    background: url(https://res.wx.qq.com/community/dist/community/images/likeHeightline_b05e4f.svg) no-repeat 50%
}

.icon_checkbox,.icon_radio {
    margin-right: 6px;
    margin-top: -2px;
    *margin-top: 0
}

.icon_radio {
    display: inline-block;
    vertical-align: middle;
    background: url() no-repeat 50%;width: 15px;
    height: 15px;
    background-size: contain
}

.icon_radio.checked,.icon_radio.selected,.selected .icon_radio {
    background-image: url(https://res.wx.qq.com/community/dist/community/images/selected_1b8724.svg)
}

.disabled .icon_radio,.icon_radio.checked.disabled,.icon_radio.disabled {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_radio_disabled_c74dd5.png) no-repeat 0 0
}

.icon_radio.selected.disabled,.selected.disabled .icon_radio {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_radio_selected_disabled_002421.png) no-repeat 0 0
}

.icon_checkbox {
    display: inline-block;
    vertical-align: middle;
    background: url() no-repeat 50%;width: 15px;
    height: 15px;
    background-size: contain
}

.icon_checkbox.checked,.icon_checkbox.selected,.selected .icon_checkbox {
    background-image: url(https://res.wx.qq.com/community/dist/community/images/checked_f7b7c3.svg)
}

.disabled .icon_checkbox,.icon_checkbox.disabled {
    background: transparent url() no-repeat 0 0
}

.icon_checkbox.checked.disabled,.icon_checkbox.selected.disabled,.selected.disabled .icon_checkbox {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_checkbox_selected_disabled_1c1e80.png) no-repeat 0 0
}

.icon_popover_question {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/description_icon_66bb77.svg) no-repeat 0 0;
    background-size: contain;
    opacity: .3;
    margin: 3px
}

.icon_post_opr_view {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/read_icon_89ce71.svg) no-repeat 0 0;
    background-size: cover;
    margin-right: 5px;
    vertical-align: middle;
    top: -2px;
    opacity: .5
}

.ic_filter {
    display: inline-block;
    width: 12px;
    height: 11px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_sort_97ad90.svg) no-repeat 0 0;
    background-size: contain
}

.icon_image_editor {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/image_gray_4254b6.svg) no-repeat 0 0
}

.icon_image_editor.active {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/image_green_27e4e2.svg) no-repeat 0 0
}

.icon_code_editor {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url() no-repeat 0 0;background-size: contain
}

.icon_code_editor.active {
    background: transparent url() no-repeat 0 0
}

.icon_nouse {
    width: 16px;
    height: 16px;
    position: relative;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/awesome_down_icon_c9415b.svg) no-repeat 0 0;
    background-size: cover;
    margin-right: 5px;
    top: -2px;
    opacity: .5
}

.icon_filter_expert,.icon_nouse {
    display: inline-block;
    vertical-align: middle
}

.icon_filter_expert {
    width: 24px;
    height: 24px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_filter_7ba9a9.svg) no-repeat 0 0;
    background-size: cover
}

.best_comment_agree.hover_click .icon_agree,.best_comment_discuss.hover_click .icon_agree,.best_comment_nouse.hover_click .icon_agree {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/awesome_up_icon_hl_532658.svg) no-repeat 0 0;
    background-size: cover;
    opacity: 1
}

.best_comment_agree.hover_click .icon_nouse,.best_comment_discuss.hover_click .icon_nouse,.best_comment_nouse.hover_click .icon_nouse {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/awesome_down_icon_hl_02a69c.svg) no-repeat 0 0;
    background-size: cover;
    opacity: 1
}

.icon_post_tag {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden
}

.icon_post_tag.featured {
    background: transparent url() no-repeat 0 0
}

.icon_post_tag.hot {
    background: transparent url() no-repeat 0 0
}

.icon_post_tag.official {
    background: transparent url() no-repeat 0 0
}

.icon_post_tag.top {
    background: transparent url() no-repeat 0 0
}

.icon_post_tag.lz {
    background: transparent url() no-repeat 0 0
}

.icon_post_tag.closed {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_post_tag_closed_88f66a.png) no-repeat 0 0;
    width: 50px;
    height: 20px;
    vertical-align: middle;
    display: inline-block
}

.icon_post_tag.checking {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_post_tag_checking_34f02d.png) no-repeat 0 0;
    width: 44px
}

.icon_post_tag.checking,.icon_post_tag.failed {
    height: 16px;
    vertical-align: middle;
    display: inline-block
}

.icon_post_tag.failed {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_post_tag_failed_69b351.png) no-repeat 0 0;
    width: 68px
}

.icon_post_tag.icon_post_tag_selection,.icon_post_tag.icon_post_tag_topic {
    font-size: 16px;
    font-weight: 500;
    width: auto;
    height: auto;
    display: inline;
    vertical-align: top;
    font-style: normal;
    line-height: inherit
}

.icon_post_tag.icon_post_tag_selection:after,.icon_post_tag.icon_post_tag_topic:after {
    position: relative;
    top: -1px;
    content: " ";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.9);
    margin: 0 8px;
    vertical-align: middle
}

.icon_post_tag.icon_post_tag_selection {
    color: #07c160
}

.icon_post_tag.icon_post_tag_topic {
    color: #1485ee
}

.icon_post_opr {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -.2em;
    margin-right: 5px
}

.icon_post_opr.close {
    background: transparent url() no-repeat 0 0;background-size: contain
}

.icon_post_opr.closed {
    background: transparent url() no-repeat 0 0
}

.icon_post_opr.discuss {
    background: transparent url() no-repeat 0 0;opacity: .5;
    background-size: cover
}

.icon_post_opr.edit {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/edit_icon_0c6de8.svg) no-repeat 0 0;
    background-size: contain;
    opacity: .5
}

.icon_post_opr.tag {
    background: transparent url() no-repeat 0 0
}

.icon_post_opr.delete {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/delete_icon_f1e22b.svg) no-repeat 0 0;
    opacity: .5;
    background-size: contain
}

.icon_post_opr.read {
    background: transparent url() no-repeat 0 0
}

.icon_post_opr.star {
    background: transparent url() no-repeat 0 0;background-size: cover;
    width: 14px;
    height: 14px;
    position: relative;
    top: -1px
}

.icon_post_opr.like {
    background: url(https://res.wx.qq.com/community/dist/community/images/disagree_icon_fab2b7.svg) no-repeat 50%;
    background-size: cover;
    opacity: .5
}

.icon_post_opr.view {
    background: url(https://res.wx.qq.com/community/dist/community/images/view_count_58b22e.svg) no-repeat 50%;
    background-size: cover;
    opacity: .5
}

.icon_post_opr.like_profile {
    background: transparent url() no-repeat 0 0;width: 19px;
    height: 17px;
    vertical-align: middle;
    display: inline-block;
    background-size: cover;
    margin-top: -4px
}

.icon_post_opr.dislike {
    background: transparent url() no-repeat 0 0;width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block
}

.icon_post_opr.collection {
    background: url(https://res.wx.qq.com/community/dist/community/images/icon_post_opr_collection_889f8b.svg) no-repeat 50%;
    background-size: cover;
    opacity: .5
}

.icon_post_opr.answer {
    background: transparent url() no-repeat 0 0
}

.icon_post_opr.attention {
    background: transparent url() no-repeat 0 0
}

.icon_post_opr.copy {
    background: url() no-repeat 50%;background-size: cover;
    opacity: .5
}

.icon_post_opr.ic_invite_answer {
    width: 20px;
    height: 16px;
    background: url(https://res.wx.qq.com/community/dist/community/images/icon_add_friends_39ce3b.svg) no-repeat 50%;
    background-size: cover
}

.icon_post_opr_complain {
    display: inline-block;
    width: 18px;
    height: 15px;
    opacity: .5;
    background: url(https://res.wx.qq.com/community/dist/community/images/icon_complain_39d474.svg) no-repeat 50%;
    background-size: contain
}

.selected .icon_post_opr.like {
    background: url(https://res.wx.qq.com/community/dist/community/images/disagreeHL_icon_08cdd1.svg) no-repeat 50%;
    background-size: cover;
    opacity: 1
}

.selected .icon_post_opr.dislike {
    background: transparent url() no-repeat 0 0;width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block
}

.selected .icon_post_opr.collection {
    background: url(https://res.wx.qq.com/community/dist/community/images/icon_post_opr_collection_hl_04088a.svg) no-repeat 50%;
    background-size: cover;
    opacity: 1
}

.before-title-icon {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -6px;
    margin-right: 4px
}

.before-title-icon.notification {
    background: transparent url() no-repeat 0 0;width: 22px;
    height: 27px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px
}

.before-title-icon.news {
    background: transparent url() no-repeat 0 0
}

.before-title-icon.qa {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/list_icon_qa_2dddf4.png) no-repeat 0 0
}

.before-title-icon.story {
    background: transparent url() no-repeat 0 0
}

.before-title-icon.tutorial {
    background: transparent url() no-repeat 0 0
}

.icon_comment_top {
    height: 14px;
    background: transparent url() no-repeat 0 0;background-size: cover;
    margin-top: -1px;
    margin-right: 2px
}

.icon_comment_selection,.icon_comment_top {
    width: 15px;
    vertical-align: middle;
    display: inline-block
}

.icon_comment_selection {
    height: 15px;
    background: transparent url() no-repeat 0 0;margin-top: -2px;
    margin-right: 3px
}

.icon-empty-anwser {
    width: 27px;
    height: 27px;
    background: transparent url() no-repeat 0 0;margin-right: 4px;
    margin-top: -2px
}

.icon-empty-anwser,.icon-svg-btn {
    vertical-align: middle;
    display: inline-block
}

.icon-svg-btn {
    width: 20px;
    height: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: 0;
    margin-left: 2px
}

.icon-svg-btn.icon-svg-delete {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18'%3E%3Cpath fill='%239B9B9B' fill-rule='evenodd' d='M1 5c-.556 0-1-.448-1-1 0-.556.448-1 1-1h14c.555 0 1 .448 1 1 0 .556-.448 1-1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5zm12 0H3v11h10V5zM5.99 0h4.02A1 1 0 0 1 11 1v1H5V1c0-.556.444-1 .99-1zM10 7c.556 0 1 .446 1 .997v6.006c0 .544-.448.997-1 .997-.556 0-1-.446-1-.997V7.997C9 7.453 9.448 7 10 7zM6 7c.556 0 1 .446 1 .997v6.006c0 .544-.448.997-1 .997-.556 0-1-.446-1-.997V7.997C5 7.453 5.448 7 6 7z'/%3E%3C/svg%3E");
    background-size: 16px 18px
}

.icon-svg-btn.icon-svg-edit {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17'%3E%3Cpath fill='%239B9B9B' fill-rule='evenodd' d='M14.478 3.421L8.414 9.485l-1.56.673c-.51.22-.748-.012-.526-.527L7 8.071l6.064-6.064 1.414 1.414zm.707-.707L13.771 1.3l.448-.448a.787.787 0 0 1 1.118 0l.296.296c.31.309.3.818 0 1.118l-.448.448zM8 1v2H2v12h11V8h2v7a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h6z'/%3E%3C/svg%3E");
    background-size: 16px 17px
}

.icon-svg-btn:hover.icon-svg-delete {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18'%3E%3Cpath fill='%23777' fill-rule='evenodd' d='M1 5c-.556 0-1-.448-1-1 0-.556.448-1 1-1h14c.555 0 1 .448 1 1 0 .556-.448 1-1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5zm12 0H3v11h10V5zM5.99 0h4.02A1 1 0 0 1 11 1v1H5V1c0-.556.444-1 .99-1zM10 7c.556 0 1 .446 1 .997v6.006c0 .544-.448.997-1 .997-.556 0-1-.446-1-.997V7.997C9 7.453 9.448 7 10 7zM6 7c.556 0 1 .446 1 .997v6.006c0 .544-.448.997-1 .997-.556 0-1-.446-1-.997V7.997C5 7.453 5.448 7 6 7z'/%3E%3C/svg%3E")
}

.icon-svg-btn:hover.icon-svg-edit {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17'%3E%3Cpath fill='%23777' fill-rule='evenodd' d='M14.478 3.421L8.414 9.485l-1.56.673c-.51.22-.748-.012-.526-.527L7 8.071l6.064-6.064 1.414 1.414zm.707-.707L13.771 1.3l.448-.448a.787.787 0 0 1 1.118 0l.296.296c.31.309.3.818 0 1.118l-.448.448zM8 1v2H2v12h11V8h2v7a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h6z'/%3E%3C/svg%3E")
}

.frm_search_type {
    float: left;
    line-height: 30px;
    border: 1px solid rgba(0,0,0,.1);
    border-right-width: 0;
    color: #222;
    min-width: 50px;
    padding: 0 10px;
    background-color: #fff
}

.search_box {
    position: relative
}

.search_result_panel {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -1px;
    z-index: 1;
    border: 1px solid rgba(0,0,0,.1);
    border-top: 0 solid rgba(0,0,0,.1)
}

.frm_input_box {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.frm_input_box.vcode {
    width: 147px
}

.frm_input_box.search {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.frm_input_box.search.with_del {
    padding-right: 70px
}

.frm_input_box.search .frm_input_append {
    right: 0;
    width: 40px;
    text-align: center
}

.frm_input_box.search .search_gray {
    vertical-align: -webkit-baseline-middle;
    margin-top: -.2em
}

.frm_input_box.search .del_btn {
    right: 40px
}

.frm_input_box .del_btn {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 0
}

.frm_input_box .del_btn i {
    vertical-align: -webkit-baseline-middle;
    margin-top: -.2em
}

.frm_input_box .del_btn:hover {
    text-decoration: none
}

.frm_input_box.disabled .frm_input,.frm_input_box .frm_input[disabled] {
    color: rgba(0,0,0,.5)
}

.frm_input_box.counter_in {
    width: 228px;
    padding-right: 60px
}

.frm_textarea_box.counter_out .frm_counter {
    position: static;
    float: right;
    margin-top: 4px;
    margin-right: 6px
}

.frm_control {
    margin-bottom: 25px
}

.frm_control_group.drop_gap {
    padding-bottom: 0
}

.frm_control_group .input_after {
    margin-left: 10px
}

.icon_search_del {
    cursor: pointer;
    background: transparent url() no-repeat 0 0;width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block
}

.icon_search_del:hover {
    background-image: url()
}

.frm_fieldset {
    margin-top: 40px
}

.frm_fieldset.no_legend {
    padding-top: 0
}

.form_mod_title,.frm_legend.default {
    font-size: 20px;
    margin-bottom: 25px;
    padding-bottom: 5px;
    font-weight: 400
}

.form_mod_title {
    margin-top: 40px
}

.frm_msg i {
    float: none;
    margin-right: 0
}

.frm_msg.fail {
    display: block
}

.frm_input_tag_control .frm_input_box {
    display: block;
    height: auto;
    padding-top: 4px;
    width: auto;
    line-height: 1.6
}

.frm_input_tag_control .frm_input {
    margin: 0 0 4px 5px;
    width: 6em
}

.frm_input_tag_control .frm_input_tag {
    display: inline-block;
    vertical-align: top;
    padding: 0 18px 0 9px;
    margin-right: 5px;
    margin-bottom: 4px;
    cursor: pointer;
    line-height: 24px;
    background-color: #f6f8f9;
    position: relative;
    line-height: 22px
}

.frm_input_tag_control .frm_input_tag .icon_tag_del {
    position: absolute;
    right: 2px;
    top: 4px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_close_b42ff1.png) no-repeat 0 0;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block
}

.frm_msg,.frm_tips {
    width: 350px
}

.title_tab .tab_nav {
    position: relative;
    display: inline-block;
    margin-right: 30px;
    line-height: 38px;
    font-size: 14px;
    cursor: pointer
}

.title_tab .tab_nav:last-child {
    margin-right: 0
}

.title_tab .tab_nav.tab_nav_more {
    padding-right: 24px
}

.title_tab .tab_nav.tab_nav_more:before {
    position: relative;
    top: -2px;
    content: " ";
    display: inline-block;
    vertical-align: 2px;
    width: 7px;
    height: 7px;
    border-left: 1px solid rgba(0,0,0,.9);
    border-bottom: 1px solid rgba(0,0,0,.9);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    margin: -4.5px .8em 0 .3em;
    right: -1px;
    width: 4px;
    height: 4px
}

.title_tab .tab_nav a {
    display: block;
    color: rgba(0,0,0,.9);
    line-height: 38px;
    font-size: 14px
}

.title_tab .tab_nav a:hover {
    text-decoration: none
}

.title_tab .tab_nav:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: currentColor;
    height: 1px;
    display: block;
    width: 100%;
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease;
    -o-transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease;
    transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease
}

.title_tab .tab_nav.selected,.title_tab .tab_nav.selected a {
    font-weight: 500
}

.title_tab .tab_nav.selected:after {
    opacity: 1;
    -webkit-transition: initial;
    -o-transition: initial;
    transition: initial;
    -webkit-transform: initial;
    transform: none
}

.title_tab .tab_nav:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.tips_box {
    padding: 6px 15px;
    background-color: #e0eaf6;
    border: none;
    color: rgba(0,0,0,.9);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.tips_box .em {
    color: #e15f63
}

.tips_box_primary {
    padding: 6px 15px;
    background-color: #f1f1f1;
    border: 1px solid #d1d1d1;
    color: #666;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tips_box_primary .em {
    color: #e15f63
}

.disabled_box {
    padding: .4em .8em;
    font-size: 14px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #f6f8f9
}

.disabled_box,.notices_box {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.notices_box {
    line-height: 40px;
    background-color: #fff
}

.msg_box {
    line-height: 36px;
    text-align: center
}

.msg_box .inner {
    background-color: #c8e7fc
}

.msg_box a {
    display: block;
    color: #6d7f8b
}

.global_link_opr:first-child {
    margin-left: 0
}

.empty_item .empty_tips.empty_tips,.empty_tips.empty_tips {
    padding: 100px 0;
    text-align: center;
    font-size: 14px;
    color: rgba(0,0,0,.5)
}

.mini_tips i {
    font-weight: 400;
    font-style: normal;
    margin-top: -3px;
    margin-right: 3px;
    *margin-top: 0
}

.mini_tips .icon_mini_tips {
    *margin-top: 2px
}

.mini_tips.weak_text {
    color: rgba(0,0,0,.3)
}

.mini_tips.warn {
    color: #e15f63
}

.mini_tips.success {
    color: #7fba4f
}

.mini_tips.icon_after i {
    margin-right: 0;
    margin-left: 3px
}

.article_box.inset {
    border: 1px solid rgba(0,0,0,.1);
    background-color: #f6f8f9;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    height: 500px;
    overflow-y: auto
}

.article_box.inset .inner {
    padding-left: 50px;
    padding-right: 50px
}

.article_box .inner {
    padding: 90px 75px
}

.article_box h3 {
    text-align: center;
    font-size: 22px;
    padding-bottom: 14px
}

.article_box h4,.article_box h5 {
    padding-bottom: 14px;
    font-weight: 700;
    font-size: 16px
}

.article_box h6 {
    padding-bottom: 14px;
    font-weight: 700;
    font-size: 14px
}

.article_box ul.disc {
    padding-left: 20px;
    list-style-type: disc
}

.article_box dl,.article_box li,.article_box p {
    padding-bottom: 14px;
    font-size: 14px
}

.article_box pre {
    white-space: pre-wrap
}

.article_box strong {
    font-weight: 400;
    font-style: normal
}

.article_box .media {
    text-align: center;
    padding-bottom: 28px
}

.article_box .img_wrp {
    display: inline-block;
    max-width: 750px
}

.article_box .img_wrp img {
    width: 100%;
    *width: auto;
    *max-width: 100%;
    vertical-align: top
}

.article_box .img_wrp .mobile_width {
    width: 175px
}

.article_box .company_sign,.article_box .sign {
    padding-top: 4em;
    text-align: right
}

.article_box .company_sign.strong,.article_box .sign.strong {
    font-weight: 700;
    font-size: 16px
}

.article_box .no_extra {
    padding-bottom: 0
}

.text_box h4 {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 10px
}

.text_box .spacing {
    margin-top: 10px
}

.mod_ft,.mod_hd {
    *zoom: 1
}

.mod_ft:after,.mod_hd:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.mod_info {
    float: left
}

.mod_opr {
    text-align: right
}

.mod_opr .btn {
    margin-top: -.2em
}

.global_mod .global_extra {
    text-align: right
}

.global_mod.mt_layout {
    line-height: 40px
}

.global_mod.mt_layout .global_extra {
    margin-top: -40px
}

.global_mod.float_layout {
    *zoom: 1
}

.global_mod.float_layout:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.global_mod.gap_top .gap_top_item {
    margin-top: 5px
}

.global_mod.with_default_gap {
    padding: 9px 20px
}

.global_mod.with_border {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.vm_box {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mod_default_box {
    background-color: #fff;
    padding: 20px
}

.mod_default_box.only_table {
    padding-top: 30px
}

.mod_default_hd {
    position: relative;
    margin-bottom: 2px
}

.mod_default_hd .post_box_hd_title {
    color: rgba(0,0,0,.9)
}

.mod_default_hd h4 {
    font-weight: 500;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0;
    padding: 0
}

.mod_default_hd .mod_hd_extra {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 32px
}

.mod_default_hd .mod_hd_desc {
    display: inline-block
}

.mod_default_hd .desc {
    display: inline-block;
    color: rgba(0,0,0,.5)
}

.mini_tips.icon_after i {
    margin-left: 2px
}

.mini_tip i {
    margin-right: 5px
}

.empty_tips {
    padding: 60px 0
}

.msg_box {
    display: none
}

.global_link_opr {
    margin-left: 1em;
    display: inline-block;
    vertical-align: middle
}

.global_link_opr.btn_disabled {
    color: rgba(0,0,0,.5);
    cursor: default;
    background: none
}

.global_link_opr.btn_disabled:hover {
    text-decoration: none
}

.tips_box_tl {
    padding: 6px 15px;
    background-color: #e0eaf6;
    text-align: left
}

.article_box h3 {
    padding-bottom: 1em;
    font-size: 18px;
    font-weight: 400;
    font-style: normal
}

.article_box h4,.article_box h5,.article_box h6 {
    font-weight: 400;
    font-style: normal;
    font-size: 14px
}

.news_box.inset {
    border: 1px solid rgba(0,0,0,.1);
    word-wrap: break-word;
    word-break: break-all;
    height: 500px;
    overflow-y: auto
}

.news_box.inset .inner {
    padding-left: 50px;
    padding-right: 50px
}

.news_box .inner {
    padding: 90px 75px
}

.news_box pre {
    white-space: pre-wrap
}

.news_box h3 {
    text-align: center;
    font-size: 18px
}

.news_box h3,.news_box h4,.news_box h5,.news_box h6 {
    padding-bottom: 1em;
    font-weight: 400;
    font-style: normal
}

.news_box h4,.news_box h5,.news_box h6 {
    font-size: 14px
}

.news_box .table_wrp,.news_box p {
    padding-bottom: 1em;
    font-size: 14px
}

.news_box ol,.news_box ul {
    padding-bottom: 14px
}

.news_box li p {
    padding-bottom: 0
}

.news_box strong {
    font-weight: 400;
    font-style: normal
}

.news_box .em_text {
    font-weight: 700
}

.news_box .warn_text {
    color: #e15f63
}

.news_box img {
    max-width: 100%
}

.news_box .media {
    text-align: center;
    padding-bottom: 2em
}

.news_box .img_wrp {
    display: inline-block;
    max-width: 750px
}

.news_box .img_wrp img {
    width: 100%;
    *width: auto;
    *max-width: 100%;
    vertical-align: top
}

.news_box .img_wrp .mobile_width {
    width: 175px
}

.news_box .company_sign,.news_box .sign {
    padding-top: 4em;
    text-align: right
}

.news_box .company_sign.strong,.news_box .sign.strong {
    font-weight: 700;
    font-size: 16px
}

.news_box .no_extra {
    padding-bottom: 0
}

.global_box {
    background-color: #f6f8f9;
    border: 1px solid rgba(0,0,0,.1)
}

.default_box .default_box_inner {
    padding: 20px;
    border: 1px solid rgba(0,0,0,.1)
}

.default_box .default_box_arrow,.default_box .default_box_arrow_wrp {
    position: absolute
}

.default_box.with_arrow {
    position: relative
}

.default_box.to_top {
    padding-top: 7px
}

.default_box.to_top .default_box_arrow_wrp {
    top: 0;
    left: 20px
}

.default_box.to_top .default_box_arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent transparent rgba(0,0,0,.1);
    border-style: dashed dashed solid;
    border-width: 0 7px 7px
}

.default_box.to_top .default_box_arrow_out {
    top: 0
}

.default_box.to_top .default_box_arrow_in {
    top: 1px;
    border-bottom-color: #fff
}

.skin_pop {
    position: relative
}

.skin_pop .skin_pop_inner {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 20px #e4e8eb;
    -moz-box-shadow: 0 0 20px #e4e8eb;
    -webkit-box-shadow: 0 0 20px #e4e8eb;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1)
}

.skin_pop .skin_pop_ft {
    border-top: 1px solid rgba(0,0,0,.1);
    text-align: left;
    padding: 15px
}

.skin_pop .skin_pop_ft:after {
    content: " ";
    display: inline-block;
    vertical-align: 1px;
    width: 6px;
    height: 6px;
    border-left: 1px solid rgba(0,0,0,.5);
    border-bottom: 1px solid rgba(0,0,0,.5);
    transform: matrix(-.71,-.71,.71,-.71,0,0);
    -ms-transform: matrix(-.71,-.71,.71,-.71,0,0);
    -webkit-transform: matrix(-.71,-.71,.71,-.71,0,0)
}

.skin_pop .skin_pop_ft a {
    color: rgba(0,0,0,.5)
}

.skin_pop .icon_skin_pop_arrow {
    position: absolute;
    top: -8px;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: dashed dashed solid;
    border-width: 0 8px 8px
}

.highlight_box {
    position: relative;
    padding: 9px 30px;
    background-color: #f6f8f9;
    margin-bottom: 20px;
    line-height: 1.6;
    *zoom: 1
}

.highlight_box .opr {
    float: right;
    padding: 7px 0 0 2em
}

.highlight_box .opr.opr_desc {
    padding-top: 0;
    color: rgba(0,0,0,.5)
}

.highlight_box .links {
    margin-left: -14px;
    font-size: 0;
    padding: 3px 0
}

.highlight_box .links .links_item {
    vertical-align: middle;
    margin-top: -.2em;
    font-size: 14px;
    border-left-color: #d9dadc
}

.highlight_box .links .links_item:hover a,.highlight_box .links .selected a {
    color: rgba(0,0,0,.9)
}

.highlight_box .title {
    font-weight: 400;
    font-style: normal
}

.highlight_box .title .icon_common.new {
    height: 14px;
    margin-top: 0
}

.highlight_box .desc {
    color: rgba(0,0,0,.5);
    overflow: hidden
}

.highlight_box.border {
    border-top: 1px solid rgba(0,0,0,.1)
}

.highlight_box.icon_wrap {
    padding-top: 14px;
    padding-bottom: 14px;
    overflow: hidden;
    *zoom: 1
}

.highlight_box.icon_wrap .icon {
    float: left;
    margin-right: 15px
}

.highlight_box.icon_wrap .icon.lock {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_lock_close_722908.png) no-repeat 0 0;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    display: inline-block
}

.highlight_box.icon_wrap .icon.unlock {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_lock_open_cd6465.png) no-repeat 0 0;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    display: inline-block
}

.highlight_box.icon_wrap .icon_profile {
    width: 48px;
    height: 48px
}

.highlight_box.icon_wrap .icon_msg_small {
    margin-top: 5px
}

.highlight_box.icon_wrap .desc,.highlight_box.icon_wrap .title {
    overflow: hidden;
    *zoom: 1
}

.highlight_box.icon_small .icon {
    margin-left: -10px;
    margin-right: 0
}

.highlight_box.single_line .desc,.highlight_box.single_line .title {
    padding-top: 14px
}

.highlight_box.page_global_tips {
    margin: -12px 30px 20px
}

.highlight_box.global {
    margin: 0 30px 40px;
    border-top-width: 0
}

.tool_bar {
    *zoom: 1;
    margin-top: 40px
}

.tool_bar:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.tool_bar .btn {
    margin-right: 1em
}

.tool_bar.with_form {
    margin-top: 15px
}

.tool_bar.border {
    border-top: 1px solid rgba(0,0,0,.1);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.tool_bar.tc .btn {
    margin-left: .5em;
    margin-right: .5em
}

.tool_bar.tr .btn {
    margin-left: 1em;
    margin-right: 0
}

.tool_area {
    *zoom: 1
}

.tool_area:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.title_bar {
    *zoom: 1
}

.title_bar:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.title_bar .info {
    float: left
}

.title_bar .opr {
    float: right
}

.parent_title_bar {
    *zoom: 1;
    line-height: 35px;
    border-bottom: 2px solid rgba(0,0,0,.1)
}

.parent_title_bar:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.parent_title_bar h3 {
    font-size: 16px;
    font-weight: 400;
    font-style: normal
}

.sub_title_bar {
    *zoom: 1;
    line-height: 38px;
    padding: 0 20px
}

.sub_title_bar:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.sub_title_bar .info {
    float: left
}

.sub_title_bar .opr {
    float: right
}

.sub_title_bar h3,.sub_title_bar h4 {
    font-weight: 400;
    font-style: normal;
    font-size: 14px
}

.sub_title_bar h4 {
    float: left
}

.tool_bar {
    padding-bottom: 50px;
    padding-top: 20px
}

.tool_bar.simple_gap {
    margin-left: 20px;
    margin-bottom: 20px
}

.title_bar {
    padding: 0 20px;
    background-color: #f6f8f9;
    border-bottom: 1px solid rgba(0,0,0,.1);
    line-height: 40px
}

.title_bar h3 {
    font-size: 14px;
    font-weight: 400;
    font-style: normal
}

.global_title_bar {
    *zoom: 1;
    background-color: #f6f8f9;
    font-size: 16px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.global_title_bar:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.global_title_bar .info {
    float: left
}

.global_title_bar .opr {
    float: right
}

.parent_title_bar {
    border-width: 1px
}

.sub_title_bar {
    padding: 0 30px;
    line-height: 55px
}

.sub_title_bar.default,.sub_title_bar.light {
    background-color: #f6f8f9;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.sub_title_bar.in_dialog {
    background-color: #fff;
    padding: 0 20px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.sub_title_bar.dark {
    background-color: #dfdfdf;
    background-image: -o-linear-gradient(top,#dfdfdf 0,#dfdfdf 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#dfdfdf),to(#dfdfdf));
    background-image: linear-gradient(180deg,#dfdfdf 0,#dfdfdf);
    border-bottom: 1px solid #bebebe;
    box-shadow: inset 0 1px 0 0 #ebebeb,0 1px 2px #ddd;
    -moz-box-shadow: inset 0 1px 0 0 #ebebeb,0 1px 2px #ddd;
    -webkit-box-shadow: inset 0 1px 0 0 #ebebeb,0 1px 2px #ddd
}

.sub_title_bar.global {
    padding: 0;
    font-size: 16px
}

.sub_title_bar.no_extra {
    background: none;
    border-bottom-width: 0;
    line-height: normal;
    padding: 0
}

.tool_area {
    padding: 0 30px
}

button.btn {
    height: 32px;
    line-height: 28px
}

.btn button {
    display: block;
    height: 100%;
    background-color: transparent;
    border: 0;
    outline: 0;
    overflow: visible;
    padding: 0 22px
}

.btn.btn_input {
    padding: 0
}

.btn.btn_input.btn_vcode {
    margin-left: 5px
}

.btn.btn_input.btn_vcode button,.btn.btn_vcode {
    width: 110px;
    padding: 0
}

.btn.btn_vcode {
    margin-left: 5px
}

.btn,.weui-desktop-btn {
    display: inline-block;
    overflow: visible;
    padding: 0 22px;
    height: 30px;
    line-height: 28px;
    *line-height: 28px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    border-radius: 4px;
    height: 32px;
    line-height: 32px
}

.btn:hover,.weui-desktop-btn:hover {
    text-decoration: none
}

.btn.btn_mini,.weui-desktop-btn.btn_mini {
    height: 21px;
    line-height: 19px;
    *line-height: 19px;
    padding: 0 10px
}

.btn.btn_small,.weui-desktop-btn.btn_small {
    height: 25px;
    line-height: 23px;
    *line-height: 23px;
    padding: 0 12px
}

.btn.btn_large,.weui-desktop-btn.btn_large {
    height: 38px;
    line-height: 36px;
    *line-height: 36px;
    padding: 0 70px
}

.btn.btn_p20,.weui-desktop-btn.btn_p20 {
    padding: 0 20px
}

.btn.btn_p30,.weui-desktop-btn.btn_p30 {
    padding: 0 30px
}

.btn.btn_w125,.weui-desktop-btn.btn_w125 {
    width: 125px;
    padding: 0
}

.btn.btn_w150,.weui-desktop-btn.btn_w150 {
    width: 150px;
    padding: 0
}

.btn.btn_w220,.weui-desktop-btn.btn_w220 {
    width: 220px;
    padding: 0
}

.btn_default,.weui-desktop-btn_default {
    background-color: #fff;
    background-image: -o-linear-gradient(top,#fff 0,#fff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(#fff));
    background-image: linear-gradient(180deg,#fff 0,#fff);
    color: rgba(0,0,0,.9);
    border: none;
    background: #f2f2f2
}

.btn_default button,.weui-desktop-btn_default button {
    color: rgba(0,0,0,.9)
}

.btn_default:hover,.weui-desktop-btn_default:hover {
    background-color: rgba(0,0,0,.1);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
    background-image: linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1));
    border-color: #dadbe0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: rgba(0,0,0,.9)
}

.btn_default:hover button,.weui-desktop-btn_default:hover button {
    color: rgba(0,0,0,.9)
}

.btn_default_hightline {
    background: none;
    background-color: #fff;
    border: none;
    color: rgba(0,0,0,.9)
}

.btn_warn {
    background-color: #f24d4d;
    background-image: -o-linear-gradient(top,#f24d4d 0,#f24d4d 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f24d4d),to(#f24d4d));
    background-image: linear-gradient(180deg,#f24d4d 0,#f24d4d);
    border-color: #f24d4d
}

.btn_warn,.btn_warn button {
    color: #fff
}

.btn_warn:hover {
    background-color: #d43d3d;
    background-image: -o-linear-gradient(top,#d43d3d 0,#d43d3d 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#d43d3d),to(#d43d3d));
    background-image: linear-gradient(180deg,#d43d3d 0,#d43d3d);
    border-color: #d43d3d;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff
}

.btn_warn:hover button {
    color: #fff
}

.btn_primary {
    background-color: #07c160;
    color: #fff !important;
    border: none;
    font-weight: 500;
    background: #07c160
}

.btn_primary button {
    color: #fff
}

.btn_primary:hover {
    background-color: #06ad56;
    border-color: #06ad56;
    color: #fff
}

.btn_primary:hover button {
    color: #fff
}

.btn_primary:active {
    background-color: #06ad56;
    border-color: #06ad56;
    color: #fff
}

.btn_primary:active button {
    color: #fff
}

.btn_active {
    background-color: #44b549;
    color: #fff;
    line-height: 33px
}

.btn_active:hover {
    background-color: #34a123;
    color: #afdaac
}

.btn_disabled {
    background-color: rgba(0,0,0,.1);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
    background-image: linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1));
    border-color: #dadbe0
}

.btn_disabled,.btn_disabled button {
    color: #a5a6aa;
    cursor: default
}

.btn_disabled:hover {
    background-color: rgba(0,0,0,.1);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
    background-image: linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1));
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #dadbe0;
    color: #a5a6aa
}

.btn_disabled:hover button,.btn_loading {
    color: #a5a6aa;
    cursor: default
}

.btn_loading {
    background-color: rgba(0,0,0,.1);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
    background-image: linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1));
    border-color: #dadbe0;
    position: relative
}

.btn_loading button {
    color: #a5a6aa;
    cursor: default
}

.btn_loading:hover {
    background-color: rgba(0,0,0,.1);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
    background-image: linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1));
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #dadbe0;
    color: #a5a6aa
}

.btn_loading:hover button {
    color: #a5a6aa;
    cursor: default
}

.btn_loading button {
    position: relative
}

.btn_loading:before {
    content: " ";
    width: 20px;
    height: 20px;
    -webkit-animation: weuiLoading 1s steps(12) infinite;
    animation: weuiLoading 1s steps(12) infinite;
    background: transparent url("data:image/svg+xml;charset=utf8, <svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'><path fill='none' d='M0 0h100v100H0z'/><rect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/><rect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/></svg>") no-repeat;
    background-size: 100%;
    vertical-align: middle;
    display: inline-block;
    top: -2px;
    position: relative;
    margin-right: 0;
    top: -1px
}

.btn_main {
    background: #f2f2f2;
    color: rgba(0,0,0,.5);
    border-color: #f2f2f2;
    font-weight: 500
}

.btn_main.btn_disabled {
    background: none;
    color: rgba(0,0,0,.3);
    border-color: transparent
}

.btn {
    min-width: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 22px
}

.btn.btn_input {
    min-width: 104px
}

.btn.btn_input button {
    width: 100%
}

.btn.btn_add i {
    margin-right: 5px;
    margin-top: -2px;
    *margin-top: 2px
}

.btn.btn_add .add_gray:hover,.btn.btn_disabled .add_white {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon14_add_gray_a18dcd.png) no-repeat 0 0
}

.btn.btn_small {
    min-width: 0
}

.btn i {
    width: 18px;
    height: 18px
}

.btn_loading.btn_primary {
    background-color: #2f9833;
    background-image: -o-linear-gradient(top,#2f9833 0,#2f9833 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#2f9833),to(#2f9833));
    background-image: linear-gradient(180deg,#2f9833 0,#2f9833);
    border-color: #2f9833;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff
}

.btn_loading.btn_primary button {
    color: #fff
}

.btn_loading.btn_primary i {
    background-image: url(https://res.wx.qq.com/community/dist/community/images/icon18_loading_primary_ae8785.gif);
    filter: alpha(opacity = 70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7
}

.btn_loading.btn_default {
    background-color: rgba(0,0,0,.1);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));
    background-image: linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1));
    border-color: #dadbe0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: rgba(0,0,0,.9)
}

.btn_loading.btn_default button {
    color: rgba(0,0,0,.9)
}

.btn_loading.btn_default i {
    background-image: url(https://res.wx.qq.com/community/dist/community/images/icon18_loading_default_7a7024.gif)
}

.btn_border.btn_primary {
    background: transparent;
    color: #44b549
}

.btn_border.btn_primary:hover {
    background: transparent;
    color: #2f9833
}

.btn-primary_rainy {
    border: none;
    background: rgba(0,0,0,.03);
    color: #1aad19;
    font-weight: 500;
    border-radius: 3px;
    height: 32px;
    line-height: 32px
}

.icon_msg {
    width: 56px;
    height: 56px
}

.icon_msg.success {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_success_6b47bc.png) no-repeat 0 0
}

.icon_msg.warn {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_warn_860bba.png) no-repeat 0 0
}

.icon_msg.error {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_error_d9a762.png) no-repeat 0 0
}

.icon_msg.mail {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_mail_a5f2c8.png) no-repeat 0 0
}

.icon_msg.waiting {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_waiting_70a9b9.png) no-repeat 0 0
}

.icon_msg.info {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_info_279dd7.png) no-repeat 0 0
}

.icon_msg_mini {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block
}

.icon_msg_mini.success {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_success_mini_9745f6.png) no-repeat 0 0
}

.icon_msg_mini.warn {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_warn_mini_fdae4a.png) no-repeat 0 0
}

.icon_msg_mini.info {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_info_mini_130b14.png) no-repeat 0 0
}

.icon_msg_mini.waiting {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_waiting_mini_8e7189.png) no-repeat 0 0
}

.icon_msg_mini.ask {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_ask_mini_d20298.png) no-repeat 0 0
}

.icon_msg_small {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    display: inline-block
}

.icon_msg_small.success {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_success_small_3754a0.png) no-repeat 0 0
}

.icon_msg_small.warn {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_warn_small_4a3476.png) no-repeat 0 0
}

.icon_msg_small.info {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_info_small_8b5bc2.png) no-repeat 0 0
}

.icon_msg_small.waiting {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_waiting_small_6ab200.png) no-repeat 0 0
}

.icon_msg_small.ask {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_ask_small_40ea4e.png) no-repeat 0 0
}

.icon37_msg {
    width: 37px;
    height: 37px;
    vertical-align: middle;
    display: inline-block
}

.icon37_msg.success {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon37_msg_success_f7b668.png) no-repeat 0 0
}

.icon37_msg.warn {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon37_msg_warn_eae61c.png) no-repeat 0 0
}

.icon37_msg.info {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon37_msg_info_487d27.png) no-repeat 0 0
}

.icon37_msg.error {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon37_msg_error_fabbeb.png) no-repeat 0 0
}

.icon37_msg.mail {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon37_msg_mail_7c3d1e.png) no-repeat 0 0
}

.icon37_msg.waiting {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon37_msg_waiting_7ecd26.png) no-repeat 0 0
}

.icon20_msg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block
}

.icon20_msg.success {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon20_msg_success_e5c25a.png) no-repeat 0 0
}

.icon20_msg.warn {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon20_msg_warn_5cdc92.png) no-repeat 0 0
}

.icon20_msg.error {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon20_msg_error_3a5299.png) no-repeat 0 0
}

.icon20_msg.info {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon20_msg_info_33828e.png) no-repeat 0 0
}

.icon18_msg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block
}

.icon18_msg.ask {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_msg_ask_flat_c50532.png) no-repeat 0 0
}

.icon18_msg.success {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_msg_success_flat_0fdc20.png) no-repeat 0 0
}

.icon18_msg.warn {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_msg_warn_flat_97da06.png) no-repeat 0 0
}

.icon18_msg.error {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_msg_error_flat_689836.png) no-repeat 0 0
}

.icon18_msg.info {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_msg_info_flat_cf3025.png) no-repeat 0 0
}

.icon18_msg.waiting {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_msg_waiting_flat_646c4b.png) no-repeat 0 0
}

.page_msg .inner {
    position: relative;
    *zoom: 1;
    background-color: #e0eaf6
}

.page_msg .inner:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.page_msg .msg_icon_wrapper,.page_msg .msg_icon_wrp {
    float: left;
    margin-right: 10px;
    font-size: 0
}

.page_msg .msg_content {
    overflow: hidden;
    *zoom: 1;
    padding-top: 5px
}

.page_msg .msg_opr {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px
}

.page_msg h4 {
    font-size: 16px;
    font-weight: 700
}

.page_msg p {
    font-size: 14px;
    color: rgba(0,0,0,.5)
}

.page_msg .spacing {
    padding: .5em 0 2em
}

.page_msg .line_break_before {
    padding-top: 1em
}

.page_msg.large .inner {
    padding: 12px 70px
}

.page_msg.small .inner {
    padding: 20px 40px 20px 20px
}

.page_msg.mini .inner {
    padding: 9px 20px
}

.page_msg.mini .msg_icon_wrp {
    margin-top: 3px;
    margin-right: 6px
}

.page_msg.mini .msg_content {
    padding-top: 0
}

.page_msg.single_line .msg_content {
    padding-top: 15px
}

.page_msg.default .inner {
    background-color: transparent;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.page_msg.simple {
    text-align: center
}

.page_msg.simple .inner {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: left;
    min-width: 55%
}

.icon_msg {
    width: 46px;
    height: 46px;
    vertical-align: middle;
    display: inline-block
}

.icon_msg.success {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_success_primary_8eade8.png) no-repeat 0 0;
    background-size: contain
}

.icon_msg.error,.icon_msg.warn {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_warn_primary_001430.png) no-repeat 0 0;
    background-size: contain
}

.icon_msg.waiting {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_waiting_primary_2acb69.png) no-repeat 0 0;
    background-size: contain
}

.icon_msg.info {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_info_primary_1d0c12.png) no-repeat 0 0;
    background-size: contain
}

.icon_msg.mail {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_mail_primary_6da2a6.png) no-repeat 0 0;
    background-size: contain
}

.icon_msg_primary {
    width: 46px;
    height: 46px;
    vertical-align: middle;
    display: inline-block
}

.icon_msg_primary.success {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_success_primary_8eade8.png) no-repeat 0 0
}

.icon_msg_primary.warn {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_warn_primary_001430.png) no-repeat 0 0
}

.icon_msg_primary.waiting {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_waiting_primary_2acb69.png) no-repeat 0 0
}

.icon_msg_primary.info {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_info_primary_1d0c12.png) no-repeat 0 0
}

.icon_msg_primary.mail {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_msg_mail_primary_6da2a6.png) no-repeat 0 0
}

.page_msg.mini {
    margin-bottom: 20px
}

.page_msg.mini p {
    color: rgba(0,0,0,.9)
}

.page_msg.mini .inner {
    background-color: #f1f3f5
}

.page_msg.single_line .msg_content {
    padding-top: 10px
}

.page_msg.with_closed {
    position: relative
}

.page_msg h4 {
    font-size: 14px;
    font-weight: 400;
    font-style: normal
}

.page_msg .msg_content {
    padding-top: 0
}

.page_msg .msg_closed {
    position: absolute;
    right: 10px;
    cursor: pointer;
    top: 15px;
    line-height: 300px;
    overflow: hidden;
    background: transparent url() no-repeat 0 0;width: 10px;
    height: 10px
}

.icon_msg_mini.ask,.page_msg .msg_closed {
    vertical-align: middle;
    display: inline-block
}

.icon_msg_mini.ask {
    background: transparent url() no-repeat 0 0;width: 19px;
    height: 19px
}

.copylink_wrp {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.copylink,.icon_goback {
    display: inline-block
}

.icon_goback {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_goback_2881ef.png) no-repeat 0 0;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    line-height: 100px;
    overflow: hidden
}

.icon_goback:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_goback_hl_4850f7.png) no-repeat 0 0
}

.page_nav {
    margin: 15px 0 32px
}

.page_nav .icon_goback {
    margin-right: 5px
}

.page_nav .gap {
    margin: 0 .35em
}

.page_nav .gap,.page_nav a {
    color: rgba(0,0,0,.5)
}

.page_nav a:hover {
    color: #576b95
}

.page_nav.title_bottom {
    margin-top: 0
}

.gototop {
    position: fixed;
    bottom: 100px;
    left: 0;
    right: 0
}

.gototop_inner {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: right
}

.gototop_tips {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_gototop_e5ab58.png) no-repeat 0 0;
    width: 47px;
    height: 47px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    line-height: 200px;
    overflow: hidden;
    margin-right: -80px
}

.page_tips {
    position: fixed;
    top: 20px;
    left: 50%;
    -webkit-transition: translateX(-50%);
    -moz-transition: translateX(-50%);
    -o-transition: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    z-index: 10000
}

.page_tips .inner {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    min-width: 280px;
    padding: 5px 30px;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.page_tips.success .inner {
    background-color: #1aad19
}

.page_tips.error .inner {
    background-color: #eaa000
}

.status_tag {
    font-size: 12px;
    padding: 2px 4px;
    margin-left: 10px;
    border-radius: 2px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin-top: -.2em
}

.status_tag.failed {
    color: #e64340;
    border: 1px solid #e64340
}

.status_tag.ing {
    color: #fa9d3b;
    border: 1px solid #fa9d3b
}

.status_tag.succeed {
    color: #07c160;
    border: 1px solid #07c160
}

.global_dropdown_opr {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: rgba(0,0,0,.5)
}

.global_dropdown_opr_pop {
    position: relative;
    text-align: center;
    position: absolute;
    top: 100%;
    right: -14px;
    display: none
}

.global_dropdown_opr_pop,.global_dropdown_opr_pop .skin_pop_inner {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 20px #e4e8eb;
    -moz-box-shadow: 0 0 20px #e4e8eb;
    -webkit-box-shadow: 0 0 20px #e4e8eb;
    background-color: #fff
}

.global_dropdown_opr_pop .skin_pop_inner {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1)
}

.global_dropdown_opr_pop .skin_pop_ft {
    border-top: 1px solid rgba(0,0,0,.1);
    text-align: left;
    padding: 15px
}

.global_dropdown_opr_pop .skin_pop_ft:after {
    content: " ";
    display: inline-block;
    vertical-align: 1px;
    width: 6px;
    height: 6px;
    border-left: 1px solid rgba(0,0,0,.5);
    border-bottom: 1px solid rgba(0,0,0,.5);
    transform: matrix(-.71,-.71,.71,-.71,0,0);
    -ms-transform: matrix(-.71,-.71,.71,-.71,0,0);
    -webkit-transform: matrix(-.71,-.71,.71,-.71,0,0)
}

.global_dropdown_opr_pop .skin_pop_ft a {
    color: rgba(0,0,0,.5)
}

.global_dropdown_opr_pop .icon_skin_pop_arrow {
    position: absolute;
    top: -8px;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: dashed dashed solid;
    border-width: 0 8px 8px
}

.global_dropdown_opr_pop .icon_arrow_right_global {
    margin-left: 5px
}

.global_dropdown_opr_pop a {
    display: block;
    min-width: 60px;
    padding: 0 22px;
    line-height: 32px;
    width: auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.global_dropdown_opr_pop a:hover {
    text-decoration: underline
}

body {
    -webkit-backface-visibility: hidden
}

body.mask_blur .blur_row {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px)
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity = 70);
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .7;
    background-color: rgba(0,0,0,.5);
    z-index: 9998
}

.card_mask_global {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.6)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#99000000",endcolorstr = "#99000000");
    cursor: pointer
}

.icon_card_selected_global {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_card_selected_734b44.png) no-repeat 0 0;
    width: 46px;
    height: 46px;
    vertical-align: middle;
    display: inline-block
}

.table_wrp.list {
    padding: 20px
}

.table_wrp.list .table {
    border-top-width: 0
}

.table_wrp.list .table_cell {
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px
}

.table_wrp.list .tbody .table_cell {
    padding-top: 15px;
    padding-bottom: 15px
}

.table_wrp.outside_border {
    border: solid rgba(0,0,0,.1);
    border-width: 1px 1px 0
}

.table_wrp.with_border .table {
    border: 1px solid rgba(0,0,0,.1)
}

.table {
    width: 100%;
    font-size: 16px;
    background-color: #fff;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-spacing: 0
}

.table_cell {
    padding: 0;
    font-weight: 400;
    font-style: normal
}

.thead .table_cell {
    line-height: 32px;
    border-left: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.tbody tr.even,.tbody tr:hover {
    background-color: transparent
}

.tbody tr.empty_item:hover {
    background: none
}

.tbody tr:first-child .table_cell {
    border-top-width: 0
}

.tbody .table_cell {
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px solid rgba(0,0,0,.1)
}

.table {
    border: none
}

.thead {
    background-color: #f6f8f9;
    color: rgba(0,0,0,.5)
}

.thead .table_cell {
    border-left-width: 0;
    line-height: 40px;
    border-bottom: none
}

.tbody .table_cell.hd_dropdown_area {
    padding-left: 30px
}

.tbody .table_cell {
    height: 52px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: none;
    border-bottom: 1px solid rgba(0,0,0,.1);
    word-wrap: break-word;
    word-break: break-all
}

.table_cell {
    padding-left: 5px;
    padding-right: 5px
}

.table_cell:first-child {
    text-align: left;
    padding-left: 20px
}

.table_cell.last_child,.table_cell:last-child {
    text-align: right;
    padding-right: 20px
}

.tbody .table_cell.rank_area {
    padding-right: 34px
}

tr>.table_cell:last-child {
    text-align: right
}

.table_wrp.inside_table .thead .table_cell {
    line-height: 32px
}

.table_wrp.default_head_skin .thead {
    background-color: transparent
}

.table_wrp.gray_head_skin .table_opr {
    background-color: #f6f8f9
}

.table_wrp.with_table_list .table {
    border: 1px solid rgba(0,0,0,.1)
}

.table_wrp.with_table_list .table_cell {
    vertical-align: top
}

.table_opr.with_btn_line {
    padding: 10px 20px
}

.table_opr_meta_btn {
    margin-right: 12px
}

.empty_item td {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.table.complex_data .table_cell {
    padding-left: 5px;
    padding-right: 5px
}

.table.complex_data .table_cell:first-child {
    text-align: left;
    padding-left: 20px
}

.table.complex_data tr>.table_cell:last-child {
    text-align: right;
    padding-right: 20px
}

.table.simple_data .table_cell {
    padding-left: 10px;
    padding-right: 10px
}

.table.simple_data .table_cell:first-child {
    text-align: left;
    padding-left: 20px
}

.table.simple_data tr>.table_cell:last-child {
    text-align: right;
    padding-right: 20px
}

tr.clickable_row {
    cursor: pointer
}

tr.clickable_row:hover .table_cell {
    background-color: #fcfcfc
}

.links_item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 1em;
    line-height: 1em;
    *line-height: 18px;
    border-left: 1px solid #d9dadc
}

.links_item.no_extra,.links_item:first-child {
    border-left-width: 0
}

.links_item a {
    display: block;
    color: #797979
}

.links.tab_links {
    margin-left: -1em
}

.links.tab_links .links_item {
    border-left-color: #d9dadc
}

.links.tab_links .links_item:hover a,.links.tab_links .selected a {
    color: rgba(0,0,0,.9)
}

.faq {
    width: 178px;
    margin-top: -42px;
    position: relative;
    top: -18px;
    padding-left: 20px;
    font-size: 0
}

.faq .links {
    text-align: left
}

.faq .links_item {
    padding: 0 .5em;
    font-size: 12px;
    *line-height: 15px
}

.faq .links_item a {
    color: rgba(0,0,0,.5)
}

.faq .links_item a:hover {
    color: #576b95
}

.faq .links_item.no_extra {
    padding-left: 0
}

.faq .tail {
    color: rgba(0,0,0,.5);
    font-size: 12px;
    line-height: 30px
}

.dialog_wrp {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 726px;
    z-index: 3
}

.dialog_wrp.label_block .frm_label {
    display: block;
    width: auto;
    float: none;
    font-size: 14px;
    margin-bottom: .5em
}

.dialog_wrp.cascade_input .frm_control_group {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.dialog_wrp.cascade_input .frm_input_box,.dialog_wrp.cascade_input .frm_msg,.dialog_wrp.cascade_input .frm_tips {
    width: auto
}

.dialog_wrp.cascade_input .frm_input_box {
    display: block
}

.dialog_wrp.cascade_input .frm_controls {
    padding-left: 0
}

.dialog_wrp.align_edge .dialog_bd {
    padding: 0
}

.dialog_wrp.simple .dialog_bd {
    text-align: center
}

.dialog {
    overflow: hidden;
    border: 1px solid transparent;
    background-color: #fff;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.dialog_hd {
    position: relative;
    padding: 0 20px;
    background-color: #f6f8f9;
    background-image: -o-linear-gradient(top,#f6f8f9 0,#f6f8f9 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f6f8f9),to(#f6f8f9));
    background-image: linear-gradient(180deg,#f6f8f9 0,#f6f8f9);
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.pop_closed {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 1;
    width: 16px;
    height: 16px;
    line-height: 999em;
    overflow: hidden;
    cursor: pointer
}

.dialog_bd {
    padding: 30px 32px
}

.dialog_ft {
    margin: 0;
    padding: 25px 0;
    text-align: center;
    border-top: 1px solid transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.dialog_ft .btn {
    margin-left: .3em;
    margin-right: .3em
}

.dialog_content_list {
    height: 420px;
    padding: 0 120px;
    overflow-y: scroll;
    position: relative
}

.simple_dialog_content {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: left;
    width: 420px
}

.simple_dialog_content .frm_input_box,.simple_dialog_content .frm_textarea_box {
    display: block
}

.simple_dialog_content .frm_input_box,.simple_dialog_content .frm_msg,.simple_dialog_content .frm_textarea_box,.simple_dialog_content .frm_tips {
    width: auto
}

.dialog_with_tool_context .dialog_bd {
    position: relative
}

.dialog_tool_context {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.dialog_wrp {
    z-index: 9999
}

.dialog {
    border-width: 0;
    border-radius: 4px
}

.dialog_ft {
    position: relative;
    padding: 0;
    background-color: #fff;
    height: 85px;
    line-height: 85px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dialog_ft.with_shadow {
    -webkit-box-shadow: 0 -1px 10px hsla(0,0%,58.8%,.2);
    box-shadow: 0 -1px 10px hsla(0,0%,58.8%,.2);
    border-radius: 3px
}

.dialog_hd {
    border-bottom-width: 0;
    background: #fff
}

.has_ft_desc .dialog_bd {
    position: relative
}

.has_ft_desc .dialog_ft_desc {
    position: absolute;
    bottom: -40px;
    left: 20px
}

.pop_closed {
    background: url(https://res.wx.qq.com/community/dist/community/images/dialog_close_6747a5.svg) no-repeat 50%;
    background-size: contain
}

.step_pop_dialog .processor_panel {
    height: 390px;
    overflow-y: auto
}

.qrcheck_dialog .qrcheck_box,.qrcheck_dialog_simple .dialog_bd {
    padding-top: 75px
}

.qrcheck_dialog_simple .qrcheck_box {
    height: 340px
}

.wechat_search_dialog .wechat_search_box {
    padding-top: 45px
}

.dialog_extra_tips {
    position: absolute;
    left: 20px
}

.processor_panel.with_btn_bar {
    position: relative;
    padding-bottom: 85px
}

.processor_panel .processor_panel_inner {
    height: 390px;
    overflow-y: auto;
    padding: 66px 45px 108px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.processor_btn_bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: 85px;
    line-height: 85px;
    background-color: #fff
}

.dialog_bd .frm_input_box,.dialog_bd .frm_textarea_box {
    display: block;
    width: auto;
    overflow: hidden
}

.dialog_bd .btn_vcode {
    float: right
}

.dialog_bd .frm_msg,.dialog_bd .frm_tips {
    width: auto
}

.bubble_tips {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    position: relative
}

.bubble_tips,.bubble_tips.warn {
    color: rgba(0,0,0,.5)
}

.bubble_tips.success {
    color: #7fba4f
}

.bubble_tips.gap_left {
    margin-left: 10px
}

.bubble_tips.gap_right {
    margin-right: 10px
}

.bubble_left {
    margin-left: 6px
}

.bubble_left .bubble_tips_arrow.in {
    left: -5px
}

.bubble_left .bubble_tips_arrow.out {
    border-right-color: rgba(0,0,0,.1);
    left: -6px
}

.bubble_right {
    margin-right: 6px
}

.bubble_right .bubble_tips_arrow {
    border-right: 0 dashed transparent;
    border-left: 6px solid #fff
}

.bubble_right .bubble_tips_arrow.in {
    right: -5px
}

.bubble_right .bubble_tips_arrow.out {
    border-left-color: rgba(0,0,0,.1);
    right: -6px
}

.bubble_top {
    margin-top: 6px
}

.bubble_top .bubble_tips_arrow {
    border-left-width: 6px;
    border-right-color: transparent;
    border-right-style: dashed;
    border-top-width: 0;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    left: 50%;
    margin-left: -6px
}

.bubble_top .bubble_tips_arrow.in {
    top: 1px
}

.bubble_top .bubble_tips_arrow.out {
    border-bottom-color: rgba(0,0,0,.1);
    top: 0
}

.bubble_bottom {
    margin-bottom: 6px
}

.bubble_bottom .bubble_tips_arrow {
    border-left-width: 6px;
    border-right-color: transparent;
    border-right-style: dashed;
    border-bottom-width: 0;
    border-top-color: #fff;
    border-top-style: solid;
    top: auto;
    margin-top: 0;
    margin-bottom: -6px;
    left: 50%;
    margin-left: -6px
}

.bubble_bottom .bubble_tips_arrow.in {
    bottom: 1px
}

.bubble_bottom .bubble_tips_arrow.out {
    border-top-color: rgba(0,0,0,.1);
    bottom: 0
}

.bubble_tips_inner {
    padding: 4.5px 10px;
    border: 1px solid rgba(0,0,0,.1);
    line-height: 21px;
    background-color: #fff;
    word-wrap: break-word;
    word-break: break-all
}

.bubble_tips_arrow {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent #fff transparent transparent;
    border-style: dashed solid dashed dashed;
    border-width: 6px 6px 6px 0
}

.icon_dropdown_switch,.icon_rank {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    position: relative;
    width: 10px;
    height: 12px
}

.icon_dropdown_switch .arrow,.icon_rank .arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent transparent #c6c6c6;
    border-style: dashed dashed solid;
    border-width: 0 5px 5px;
    vertical-align: top
}

.icon_dropdown_switch .arrow_down,.icon_rank .arrow_down {
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 5px solid #c6c6c6;
    border-bottom: 0 dashed transparent
}

.dropdown_switch_area:hover,.rank_area:hover {
    cursor: pointer
}

.dropdown_switch_area:hover .arrow_down,.rank_area:hover .arrow_down {
    border-top-color: #a0a0a0
}

.dropdown_switch_area:hover .arrow_up,.rank_area:hover .arrow_up {
    border-bottom-color: #a0a0a0
}

.s_tbody .rank_area:hover,.tbody .rank_area:hover {
    cursor: text
}

.dropdown_closed .arrow_up,.rank_down .arrow_up {
    display: none
}

.dropdown_closed .arrow_down,.rank_down .arrow_down {
    bottom: 3px
}

.dropdown_opened .arrow_down,.rank_up .arrow_down {
    display: none
}

.dropdown_opened .arrow_up,.rank_up .arrow_up {
    margin-top: 3px
}

.step_list {
    padding-left: 85px;
    counter-reset: step
}

.step_item h4 {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    min-width: 6em;
    vertical-align: middle
}

.step_inner {
    *zoom: 1;
    border-top: 1px dashed #e6e7ec;
    padding: 30px 0
}

.step_inner:after {
    content: "\200B";
    height: 0;
    clear: both;
    content: " ";
    display: block
}

.step_inner:first-child {
    border-top: 0
}

.step_content {
    overflow: hidden
}

.step_desc {
    font-size: 14px;
    color: #7b7b7b
}

.step_desc.inline_desc {
    display: inline-block;
    padding-left: 1em;
    vertical-align: middle
}

.step_desc.list_desc {
    margin-top: 14px
}

.step_list_opr {
    float: right
}

.step_list_opr .btn {
    min-width: 8em;
    padding-left: 0;
    padding-right: 0
}

.step_list_opr .btn_disabled {
    background: none;
    background-color: #d4d4d4;
    border-color: transparent
}

.simple_list_item {
    margin-bottom: 5px
}

.simple_list_item:last-child {
    margin-bottom: 0
}

.simple_list_item_title {
    color: rgba(0,0,0,.9);
    font-weight: 400;
    min-width: 6em;
    display: inline-block
}

.simple_list_item_desc {
    display: inline-block;
    margin-left: 1em
}

.step_box {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    min-height: 56px;
    border: none;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px hsla(0,0%,58.8%,.3);
    box-shadow: 0 1px 2px hsla(0,0%,58.8%,.3);
    padding: 10px 60px
}

.step_box:first-child {
    margin-top: 0
}

.icon_step_wrapper {
    position: absolute;
    left: -55px;
    top: -10px
}

.icon_step_list {
    display: block;
    text-align: center;
    font-weight: 400;
    font-style: normal;
    color: #1aad19;
    font-size: 42px;
    line-height: 32px
}

.icon_step_list:before {
    display: block;
    content: "step";
    font-size: 18px;
    color: rgba(0,0,0,.5);
    font-weight: 200
}

.icon_step_list:after {
    counter-increment: step;
    content: counter(step)
}

.icon_step_line {
    position: absolute;
    display: inline-block;
    background-color: #e6e7ec;
    width: 3px;
    left: -44px
}

.icon_step_line_up {
    height: 30px;
    top: -17px
}

.no_extra_up .icon_step_line_up {
    display: none
}

.icon_step_line_down {
    height: 100%;
    top: 35px
}

.no_extra_down .icon_step_line_down {
    display: none
}

.menu_box {
    margin-bottom: 300px;
    margin-top: -4px
}

.menu {
    *font-size: 0
}

.menu.closed .menu_item {
    display: none
}

.menu_title {
    position: relative;
    padding: 0 30px;
    width: auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 40px;
    *font-size: 14px;
    color: rgba(0,0,0,.5);
    border-left: 4px solid #f7f7f7
}

.menu_title .new {
    margin-left: 3px
}

.menu_title a {
    display: block;
    padding: 0 34px;
    color: rgba(0,0,0,.9)
}

.menu_title a,.menu_title a:hover {
    text-decoration: none
}

.menu_title a .menu_name {
    vertical-align: middle
}

.menu_title.clickable {
    padding: 0
}

.menu_title.clickable i {
    cursor: pointer
}

.menu_title.selected,.menu_title.selected a {
    color: #1aad19
}

.menu_item {
    line-height: 40px;
    *font-size: 14px
}

.menu_item a {
    display: block;
    padding: 0 0 0 58px;
    width: auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: rgba(0,0,0,.9)
}

.menu_item a:hover {
    text-decoration: none
}

.icon_menu {
    margin-right: 10px;
    margin-top: -.2em;
    *margin-top: 0
}

.icon_menu_switch {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -9px
}

.menu {
    padding-bottom: 16px;
    border-top: 1px solid rgba(0,0,0,.1)
}

.menu.no_extra {
    border-top-width: 0
}

.menu.extra {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.menu_title {
    margin-bottom: 10px
}

.menu_item:hover {
    background-color: #f4f5f9
}

.menu_item.selected {
    background-color: #1aad19;
    color: #fff
}

.menu_item.selected a {
    color: #fff
}

.menu_plugins {
    padding: 10px 0;
    *font-size: 14px
}

.menu_plugins .btn_plugins_add {
    display: block;
    line-height: 34px;
    color: rgba(0,0,0,.5);
    padding-left: 41px;
    width: 121px;
    margin: 0 auto;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_plugins_add_8cf4f1.png) no-repeat 0 0;
    cursor: pointer
}

.menu_plugins .btn_plugins_add:hover {
    text-decoration: none;
    color: rgba(0,0,0,.9);
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_plugins_add_h_a32d9c.png) no-repeat 0 0
}

.menu_plugins .btn_plugins_add i {
    margin-right: 5px
}

.ad_menu {
    margin-bottom: 150px
}

.ad_menu .ad_menu_list {
    width: 100%;
    padding: 10px 0
}

.ad_menu .ad_menu_list .ad_menu_item {
    width: 100%
}

.ad_menu .ad_menu_list .ad_menu_item .menu_link {
    display: block;
    padding: 10px 15px;
    color: rgba(0,0,0,.9)
}

.ad_menu .ad_menu_list .ad_menu_item .menu_link .business_logo {
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: top
}

.ad_menu .ad_menu_list .ad_menu_item .menu_link .business_name {
    vertical-align: top;
    width: 100px;
    margin-left: 6px;
    max-height: 40px;
    display: inline-block;
    margin-top: -6px
}

.ad_menu .ad_menu_list .ad_menu_item .menu_link:hover,.ad_menu .ad_menu_list .ad_menu_item .menu_link:visited {
    background-color: #f0f1f3;
    text-decoration: none
}

.ad_menu .ad_menu_list .ad_menu_item.selected {
    background-color: #f0f1f3
}

.menu_primary_box {
    width: 208px
}

.menu_primary_item {
    line-height: 32px
}

.menu_primary_item:hover {
    background-color: #f6f8f9
}

.menu_primary_item.selected {
    background-color: #1aad19
}

.menu_primary_item.selected .menu_primary_link {
    color: #fff
}

.menu_primary_item.sub .menu_primary_link strong {
    margin-left: 28px
}

.menu_primary_link {
    display: block;
    color: rgba(0,0,0,.9)
}

.menu_primary_link:hover {
    text-decoration: none
}

.menu_primary_link strong {
    display: block;
    cursor: pointer;
    margin: 0 14px;
    width: auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-weight: 400;
    font-style: normal
}

.inner_menu_box.sorting .inner_menu_item {
    background-color: #fff
}

.inner_menu_box.sorting .menu_opr {
    display: block
}

.inner_menu_box.gray .inner_menu.dragging dt.inner_menu_item,.inner_menu_box.gray .inner_menu_item.selected,.inner_menu_box.gray .inner_menu_item:hover {
    background-color: #f6f8f9
}

.inner_menu_box.gray.sorting .inner_menu_item {
    background-color: #fff
}

.inner_menu_box.gray.sorting .inner_menu_item.dragging {
    background-color: #f6f8f9
}

.inner_menu_box.with_switch .icon_dot {
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -14px;
    -webkit-transform: scale(.8);
    font-size: 10px
}

.inner_menu_box.with_switch dt .inner_menu_link {
    padding-left: 20px
}

.inner_menu_box.with_switch dd .inner_menu_link {
    padding-left: 36px
}

.inner_menu {
    border-top: 1px solid rgba(0,0,0,.1)
}

.inner_menu:first-child {
    border-top-width: 0
}

.inner_menu .menu_opr {
    display: none;
    position: absolute;
    top: 0;
    right: 1em
}

.inner_menu .menu_opr a {
    display: inline-block;
    margin-left: .5em;
    margin-top: -.2em
}

.inner_menu .menu_opr a.no_extra {
    margin-left: 0
}

.inner_menu.no_extra {
    border-top-width: 0
}

.inner_menu_item {
    position: relative;
    line-height: 32px
}

.inner_menu_item.selected,.inner_menu_item:hover {
    background-color: #f6f8f9
}

.inner_menu_item.selected .menu_opr,.inner_menu_item:hover .menu_opr {
    display: block
}

.inner_menu_item.selected a,.inner_menu_item:hover a,.inner_menu_link {
    text-decoration: none
}

.inner_menu_link {
    display: block;
    color: rgba(0,0,0,.9);
    padding-left: 1em
}

.inner_menu_link strong {
    display: inline-block;
    margin-top: -2px;
    width: auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 80px;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    cursor: pointer
}

.ml1e {
    margin-left: 1em
}

.dialog_process .form {
    padding-left: 45px;
    padding-right: 45px
}

.dialog_process .dialog_bd {
    padding: 0
}

.dialog_process .processor_bar {
    margin-bottom: 45px
}

.safe_check .form .inner {
    width: 420px;
    margin: 0 auto;
    height: 200px
}

.safe_check .form .frm_hd {
    margin-bottom: 1.5em
}

.safe_check .form .frm_hd .frm_title {
    margin-bottom: 0;
    font-weight: 400;
    font-style: normal;
    font-size: 14px
}

.safe_check .form .frm_hd .frm_desc {
    color: rgba(0,0,0,.5)
}

.safe_check .form .frm_label {
    float: left;
    width: 5em;
    margin-bottom: 0;
    font-size: 14px
}

.safe_check .form .frm_radio_block_desc {
    padding-left: 23px
}

.safe_check .form .page_msg {
    margin-left: -14em
}

.safe_check .form_width_auto .inner {
    width: auto;
    max-width: 420px;
    margin: 0 auto
}

.safe_check .form_owner_info .frm_label {
    width: 8em
}

.safe_check .form_owner_info .inner {
    width: 420px
}

.safe_check .tool_bar {
    padding: 0;
    margin: 0;
    height: 80px;
    line-height: 80px
}

.safe_check .tool_bar.tc {
    padding-left: 0;
    text-align: center
}

.page_msg .extra_msg h4,.safe_check h4 {
    font-weight: 400
}

.qrcode_scan .js_status,.qrcode_scan .status_wrp {
    width: 280px
}

.qrcode_scan .qrcode_wrp {
    width: 280px;
    height: 280px
}

.search_result_box.widget_pop {
    left: 0;
    top: 0;
    z-index: 5000
}

.search_result_box.widget_pop .title {
    margin-bottom: 10px
}

.search_result_box.widget_pop .tags_wrp {
    margin-bottom: 0
}

.search_result_box.widget_pop .empty_box {
    padding: 10px
}

.auto_complete_list {
    max-height: 120px;
    overflow-y: auto
}

.auto_complete_item {
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.auto_complete_item.active,.auto_complete_item:hover {
    background-color: #f6f8f9
}

.icon_dot {
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    vertical-align: middle;
    margin-top: -.2em;
    margin-right: 5px;
    font-size: 14px;
    color: #d5d5d5
}

.icon_arrow_default {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_arrow_default_b5f2ff.png) no-repeat 0 0;
    width: 16px;
    height: 15px;
    line-height: 300px
}

.icon_arrow_default,.icon_common.new {
    vertical-align: middle;
    display: inline-block;
    overflow: hidden
}

.icon_common.new {
    margin-left: 6px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_new_29f3d1.png) no-repeat 0 0;
    width: 18px;
    height: 12px;
    line-height: 100px
}

.icon_common.beta {
    margin-top: -5px;
    margin-left: 3px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_beta_c303b2.png) no-repeat 0 0;
    width: 25px
}

.icon12_common,.icon_common.beta {
    height: 12px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon12_common {
    width: 12px
}

.icon12_common.close_gray {
    background: transparent url() no-repeat 0 0
}

.icon13_common {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon13_common.arrow_right_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon13_arrow_right_gray_cf0b30.png) no-repeat 0 0
}

.icon14_common {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon14_common.rank_gray {
    cursor: pointer;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon14_rank_gray_06f592.png) no-repeat 0 0
}

.icon14_common.rank_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon14_rank_gray_hl_552632.png) no-repeat 0 0
}

.icon14_common.rank_gray.single_up,.single_up .icon14_common.rank_gray {
    background: transparent url() no-repeat 0 0
}

.icon14_common.rank_gray.single_up:hover,.single_up .icon14_common.rank_gray:hover {
    background: transparent url() no-repeat 0 0
}

.icon14_common.rank_gray.single_down,.single_down .icon14_common.rank_gray {
    background: transparent url() no-repeat 0 0
}

.icon14_common.rank_gray.single_down:hover,.single_down .icon14_common.rank_gray:hover {
    background: transparent url() no-repeat 0 0
}

.icon14_common.add_white {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon14_add_white_211699.png) no-repeat 0 0
}

.icon14_common.add_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon14_add_gray_a18dcd.png) no-repeat 0 0
}

.icon14_common.add_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon14_add_gray_hl_8d354a.png) no-repeat 0 0
}

.icon14_common.edit_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon14_edit_gray_9aee8c.png) no-repeat 0 0
}

.icon14_common.edit_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon14_edit_gray_hl_e2b30c.png) no-repeat 0 0
}

.icon14_common.del_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon14_del_gray_5d4804.png) no-repeat 0 0
}

.icon14_common.del_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon14_del_gray_hl_0c7f10.png) no-repeat 0 0
}

.icon14_common.sort_gray {
    background: transparent url() no-repeat 0 0
}

.icon14_common.sort_gray:hover {
    background: transparent url() no-repeat 0 0
}

.icon14_common.add_blue {
    background: transparent url() no-repeat 0 0
}

.icon14_common.switch_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon14_switch_gray_hl_bd37ce.png) no-repeat 0 0
}

.icon14_common.switch_gray:hover,a:hover .icon14_common.switch_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon14_switch_gray_43470a.png) no-repeat 0 0
}

.icon16_common {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon16_common.waiting_gray {
    background: transparent url() no-repeat 0 0
}

.icon16_common.close {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_close_6a4824.png) no-repeat 0 0
}

.icon16_common.close:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_close_hl_0eab4d.png) no-repeat 0 0
}

.icon16_common.close_flat {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_close_flat_01f1e3.png) no-repeat 0 0
}

.icon16_common.close_flat:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_close_flat_hl_a16df0.png) no-repeat 0 0
}

.icon16_common.edit_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_edit_gray_32fef6.png) no-repeat 0 0
}

.icon16_common.enter_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_enter_gray_6bbd9d.png) no-repeat 0 0
}

.icon16_common.enter_gray.frm_input_append {
    margin-top: -8px
}

.icon16_common.star_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_star_gray_029826.png) no-repeat 0 0
}

.icon16_common.star_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_star_gray_hl_822abf.png) no-repeat 0 0
}

.icon16_common.star_blue {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_star_blue_28732c.png) no-repeat 0 0
}

.icon16_common.star_orange {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_star_orange_b1e6f9.png) no-repeat 0 0
}

.icon16_common.star_orange:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_star_yellow_eb2c2b.png) no-repeat 0 0
}

.icon16_common.woman_orange {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_woman_orange_a6a750.png) no-repeat 0 0
}

.icon16_common.man_blue {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_man_blue_656e87.png) no-repeat 0 0
}

.icon16_common.reply_blue {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_reply_blue_1149ad.png) no-repeat 0 0
}

.icon16_common.reply_blue:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_reply_blue_hl_9a5211.png) no-repeat 0 0
}

.icon16_common.del_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_del_gray_93cb68.png) no-repeat 0 0
}

.icon16_common.del_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_del_gray_hl_415802.png) no-repeat 0 0
}

.icon16_common.search_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_search_gray_02674f.png) no-repeat 0 0
}

.icon16_common.sort_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_sort_gray_763d2a.png) no-repeat 0 0
}

.icon16_common.sort_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_sort_gray_hl_82d0d9.png) no-repeat 0 0
}

.icon16_common.add_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_add_gray_d06a06.png) no-repeat 0 0
}

.icon16_common.add_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_add_gray_hl_d92ba9.png) no-repeat 0 0
}

.icon16_common.save_gray {
    background: transparent url() no-repeat 0 0
}

.icon16_common.save_gray:hover {
    background: transparent url() no-repeat 0 0
}

.icon18_common {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon18_common.woman_orange {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_woman_orange_7d6261.png) no-repeat 0 0
}

.icon18_common.man_blue {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_man_blue_addf22.png) no-repeat 0 0
}

.icon18_common.error {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_error_0b19ff.png) no-repeat 0 0
}

.icon18_common.add_blue {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_add_blue_f816e6.png) no-repeat 0 0
}

.icon18_common.add_white,.selected .icon18_common.add_blue {
    background: transparent url() no-repeat 0 0
}

.icon18_common.del_blue {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_del_blue_9c80cc.png) no-repeat 0 0
}

.icon18_common.del_blue:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_del_blue_hl_f27fdb.png) no-repeat 0 0
}

.icon18_common.del_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_del_gray_09737b.png) no-repeat 0 0
}

.icon18_common.del_gray:hover,a:hover .icon18_common.del_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_del_gray_hl_41e38c.png) no-repeat 0 0
}

.icon18_common.link_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_link_gray_8dde7f.png) no-repeat 0 0
}

.hover .icon18_common.link_gray,.icon18_common.link_gray:hover,a:hover .icon18_common.link_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_link_gray_hl_def53a.png) no-repeat 0 0
}

.icon18_common.download_blue {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_download_blue_23208a.png) no-repeat 0 0
}

.icon18_common.download_blue:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_download_blue_hl_aa639d.png) no-repeat 0 0
}

.icon18_common.upload_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_upload_gray_b1695b.png) no-repeat 0 0
}

.icon18_common.upload_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_upload_gray_hl_97287b.png) no-repeat 0 0
}

.icon18_common.download_simple_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_download_simple_gray_a11d82.png) no-repeat 0 0
}

.icon18_common.download_simple_gray:hover,a:hover .icon18_common.download_simple_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_download_simple_gray_hl_6a639b.png) no-repeat 0 0
}

.icon18_common.download_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_download_gray_1df29e.png) no-repeat 0 0
}

.icon18_common.download_gray:hover,a:hover .icon18_common.download_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_download_gray_hl_33a04f.png) no-repeat 0 0
}

.icon18_common.move_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_move_gray_715396.png) no-repeat 0 0
}

.icon18_common.move_gray:hover,a:hover .icon18_common.move_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_move_gray_hl_fb89d9.png) no-repeat 0 0
}

.icon18_common.reply_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_reply_gray_847ea5.png) no-repeat 0 0
}

.icon18_common.reply_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_reply_gray_hl_3a1694.png) no-repeat 0 0
}

.icon18_common.star_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_star_gray_6df6f6.png) no-repeat 0 0
}

.icon18_common.star_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_star_gray_hl_2165d9.png) no-repeat 0 0
}

.icon18_common.save_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_save_gray_538767.png) no-repeat 0 0
}

.icon18_common.save_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_save_gray_hl_f62ccb.png) no-repeat 0 0
}

.icon18_common.edit_blue {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_edit_blue_af84f8.png) no-repeat 0 0
}

.icon18_common.edit_blue:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_edit_blue_hl_1f7ae6.png) no-repeat 0 0
}

.selected .icon18_common.edit_blue {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_edit_white_c3e43a.png) no-repeat 0 0
}

.icon18_common.zoomout_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_zoomout_gray_42d7eb.png) no-repeat 0 0
}

.icon18_common.zoomout_gray:hover,a:hover .icon18_common.zoomout_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_zoomout_gray_hl_4b5f15.png) no-repeat 0 0
}

.icon18_common.edit_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_edit_gray_002f82.png) no-repeat 0 0
}

.icon18_common.edit_gray:hover,a:hover .icon18_common.edit_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_edit_gray_hl_d519d0.png) no-repeat 0 0
}

.icon18_common.star_orange {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_star_orange_b1e6f9.png) no-repeat 0 0
}

.icon18_common.save_blue {
    background: transparent url() no-repeat 0 0
}

.icon18_common.save_blue:hover {
    background: transparent url() no-repeat 0 0
}

.icon18_common.qrcode_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_qrcode_gray_f4b0da.png) no-repeat 0 0
}

.icon18_common.qrcode_gray:hover,a:hover .icon18_common.qrcode_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon18_qrcode_gray_hl_a8e3e0.png) no-repeat 0 0
}

.icon_search {
    width: 24px;
    height: 24px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/search_icon_955e7c.svg) no-repeat 0 0
}

.icon20_common,.icon_search {
    vertical-align: middle;
    display: inline-block
}

.icon20_common {
    width: 20px;
    height: 20px;
    line-height: 100px;
    overflow: hidden
}

.icon20_common.reply_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon20_reply_gray_hl_3e3e24.png) no-repeat 0 0
}

.icon20_common.reply_gray:hover {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon20_reply_gray_7254f3.png) no-repeat 0 0
}

.icon20_common.speaker {
    background: transparent url() no-repeat 0 0
}

.icon20_common.sort_gray {
    background: transparent url() no-repeat 0 0
}

.icon20_common.sort_up_white {
    background: transparent url() no-repeat 0 0
}

.icon20_common.sort_down_white {
    background: transparent url() no-repeat 0 0
}

.icon20_common.del_media_white {
    background: transparent url() no-repeat 0 0
}

.icon20_common.search_gray {
    background: transparent url() no-repeat 0 0;width: 20px;
    height: 20px
}

.icon20_common.search_green {
    width: 24px;
    height: 24px;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/search_green_a10486.svg) no-repeat 0 0;
    background-position: 50%
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .icon20_common.search_gray {
        background: transparent url(https://res.wx.qq.com/community/dist/community/images/search_green@2x_5f45e7.png) no-repeat 0 0;
        width: 28px;
        height: 28px;
        background-size: cover;
        -webkit-background-size: cover
    }
}

.icon21_common {
    width: 21px;
    height: 21px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon21_common.error {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon21_error_b7b00b.png) no-repeat 0 0
}

.icon21_common.success {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon21_success_4eb685.png) no-repeat 0 0
}

.icon21_common.waiting {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon21_waiting_33dfbf.png) no-repeat 0 0
}

.icon22_common {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon22_common.checked {
    background: transparent url() no-repeat 0 0
}

.icon22_common.error {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon22_error_4778ed.png) no-repeat 0 0
}

.icon22_common.success {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon22_success_020f84.png) no-repeat 0 0
}

.icon22_common.fail {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon22_fail_c328d6.png) no-repeat 0 0
}

.icon24_common {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon24_common.add_gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon24_add_gray_51316c.png) no-repeat 0 0
}

.icon24_common.sort_up_white {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon24_sort_up_white_8dd4e5.png) no-repeat 0 0
}

.icon24_common.sort_down_white {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon24_sort_down_white_54731a.png) no-repeat 0 0
}

.icon24_common.del_media_white {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon24_del_media_white_4ed660.png) no-repeat 0 0
}

.icon28_common {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon28_common.upload_blue {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon28_upload_blue_3c5d0d.png) no-repeat 0 0
}

.icon12_del {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
    cursor: pointer;
    font-size: 12px;
    color: #b3b3b3
}

.icon12_del:hover {
    color: #545454
}

.icon_loading_small {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon_loading_small.white {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon40_loading_white_f7975b.gif) no-repeat 0 0
}

.icon_loading_small.gray {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon40_loading_gray_e3170c.gif) no-repeat 0 0
}

.icon_loading_tiny {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon_loading_tiny.dark {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon32_loading_dark_aef3c7.gif) no-repeat 0 0;
    background-size: contain;
    background-position: 50%
}

.icon_loading_tiny.light {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon32_loading_light_a51c56.gif) no-repeat 0 0;
    background-size: contain;
    background-position: 50%
}

.icon32_loading {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon32_loading.dark {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon32_loading_dark_aef3c7.gif) no-repeat 0 0
}

.icon32_loading.light {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon32_loading_light_a51c56.gif) no-repeat 0 0
}

.icon_mini_tips {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon_mini_tips.document_link {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon16_mini_tips_intro_801768.png) no-repeat 0 0
}

.icon_mini_tips.ask_white {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_mini_tips_ask_white_ae110b.png) no-repeat 0 0
}

.icon_verify {
    width: 82px;
    height: 30px
}

.icon_card_selected,.icon_verify,.icon_wxverify_status {
    vertical-align: middle;
    display: inline-block
}

.icon_card_selected {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_card_selected_734b44.png) no-repeat 0 0;
    width: 46px;
    height: 46px
}

.icon_noie6 {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_noie6_68afef.png) no-repeat 0 0;
    width: 369px;
    height: 390px
}

.icon_noie6,.icon_tag_default {
    vertical-align: middle;
    display: inline-block
}

.icon_tag_default {
    line-height: 100px;
    overflow: hidden;
    width: 38px;
    height: 20px;
    margin-top: -.2em
}

.icon_arrow_right_global {
    background: transparent url() no-repeat 0 0;width: 11px;
    height: 10px;
    vertical-align: middle;
    display: inline-block
}

body {
    min-width: 960px;
    background: #f7f7f7
}

.body {
    padding-bottom: 31px
}

.light-backgroud__card {
    background-color: rgba(0,0,0,.02);
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px
}

.empty__tips,.loading__tips {
    padding: 80px 0;
    text-align: center;
    color: rgba(0,0,0,.5);
    font-size: 14px
}

@media (-webkit-max-device-pixel-ratio:1) {
    ::-webkit-scrollbar-track-piece {
        background-color: #fff
    }

    ::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    ::-webkit-scrollbar-thumb {
        background-color: #c2c2c2;
        background-clip: padding-box;
        min-height: 28px
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #a0a0a0
    }
}

.dn,[v-cloak] {
    display: none
}

.di {
    display: inline
}

.dib {
    display: inline-block
}

.b_dib {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.db {
    display: block
}

.cell {
    display: table-cell
}

.vh {
    visibility: hidden
}

.vv {
    visibility: visible
}

.static {
    position: static
}

.rel {
    position: relative
}

.abs {
    position: absolute
}

.oh {
    overflow: hidden
}

.z {
    *zoom: 1
}

.fn {
    float: none
}

.cl {
    clear: both
}

.tj,.tj_simple {
    text-align: justify;
    text-justify: distribute-all-lines;
    -moz-text-align-last: justify;
    text-align-last: justify;
    font-size: 0
}

.tj:after {
    content: ".";
    display: inline-block
}

.tj:after,.tj_simple .last_child {
    width: 100%;
    height: 0;
    font-size: 0;
    overflow: hidden
}

.tj .tj_item,.tj_simple .tj_item {
    font-size: 14px;
    text-align: left;
    text-justify: auto;
    display: inline-block
}

.vt {
    vertical-align: top
}

.vm {
    vertical-align: middle
}

.vb {
    vertical-align: bottom
}

.f0 {
    font-size: 0
}

.fa {
    font-family: Arial
}

.fs {
    font-family: SimSun
}

.fyh {
    font-family: Microsoft YaHei
}

.indent {
    text-indent: 2em
}

.n {
    font-weight: 400;
    font-style: normal
}

.b {
    font-weight: 700
}

.i {
    font-style: italic
}

.tdn,.tdn:hover {
    text-decoration: none
}

.del {
    text-decoration: line-through
}

.poi {
    cursor: pointer
}

.group {
    *zoom: 1
}

.group:after {
    content: "\200B";
    height: 0
}

.clearfix {
    *zoom: 1
}

.clearfix:after,.clearfix:before {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.text_hide {
    line-height: 999em;
    overflow: hidden
}

.text_overflow {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.drop_hl_extra {
    padding-left: 999em;
    margin-left: -999em
}

.drop_vb_extra {
    padding-bottom: 999em;
    margin-bottom: -999em
}

.prg {
    margin-bottom: 1em
}

.tips_global {
    color: rgba(0,0,0,.5)
}

.text_global {
    color: rgba(0,0,0,.9)
}

.tips_primary {
    color: #1aad19
}

.link_global {
    color: #576b95;
    cursor: pointer
}

.link_global.tail_link {
    margin-left: 1em
}

.weui-desktop-layout__side {
    float: left
}

.community_title {
    position: relative;
    top: -5px;
    margin-left: 30px;
    font-weight: 400;
    font-size: 20px;
    color: #4d4d4d
}

.community_title:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 5px;
    width: 1px;
    height: 15px;
    background-color: #dbdbdb
}

.community_title:hover {
    text-decoration: none
}

.weui-desktop-logo {
    white-space: nowrap;
    padding-top: 20px;
    padding-right: 73px
}

.weui-desktop-logo .logo_mp {
    float: left;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
    font-size: 0
}

.weui-desktop-logo .logo_mp:before {
    position: relative;
    /*top: -1px;*/
    display: block;
    content: "微信小程序排行榜";
    width:30px;height:28px;
    background: url() no-repeat 50%;background-size: contain
}

.head__nav__container {
    position: fixed;
    top: 0;
    z-index: 100;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e8e8e8;
    left: 0;
    right: 0;
    height: 65px
}

.head__nav__container.head__nav__container__overflow-hidden {
    overflow: hidden
}

.head_box {
    position: relative
}

.head_box .weui-desktop-head__inner {
    height: 64px;
    position: relative;
    max-width: 1140px;
    min-width: 960px;
    margin: 0 auto
}

.head_box .weui-desktop-head__inner_hd {
    width: calc(100% - 351px);
    white-space: nowrap
}

.head_box a {
    color: #000;
    cursor: pointer
}

.head_box a:hover {
    text-decoration: none
}

.head_box .header_main {
    display: inline-block
}

.head_box .header_sub_title,.head_box .header_title {
    display: inline-block;
    color: rgba(0,0,0,.9);
    font-size: 18px;
    font-weight: 400;
    height: 64px;
    line-height: 64px
}

.head_box .header_logo {
    display: inline-block;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    margin-right: 10px;
    background-size: cover
}

.head_box .header_title:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 14px;
    border-right: 1px solid rgba(0,0,0,.9)
}

.head_box .header_sub_title {
    padding: 0 20px
}

.head_box .header_ctrls {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -18px;
    display: inline-block;
    font-size: 16px
}

.head_box .header_ctrls_extend {
    min-width: 237px;
    text-align: right;
    display: inline-block
}

.head_box .header_ctrls_meta {
    position: relative;
    top: -3px;
    display: inline-block;
    margin-left: 29px;
    vertical-align: middle
}

.head_box .header_ctrls_meta.top_search_box {
    position: relative
}

.head_box .block_nav {
    position: relative;
    margin-right: 53px;
    display: inline-block
}

.head_box .block_nav:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: currentColor;
    height: 1px;
    display: block;
    width: 100%;
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease;
    -o-transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease;
    transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease
}

.head_box .block_nav.selected .block_nav_link {
    font-weight: 500
}

.head_box .block_nav.selected:after {
    opacity: 1;
    -webkit-transition: initial;
    -o-transition: initial;
    transition: initial;
    -webkit-transform: initial;
    transform: none
}

.head_box .block_nav:hover {
    position: relative
}

.head_box .block_nav:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.head_box .block_nav:last-child {
    margin-right: 0
}

.head_box .block_nav_link {
    display: block;
    padding: 0;
    margin-right: 0;
    line-height: 64px;
    font-size: 16px
}

.head_box .top_notice_box {
    position: relative
}

.head_box .top_user_box .user_avatar {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: cover;
    vertical-align: middle;
    border-radius: 2px
}

.head_box .top_user_box .user_name {
    vertical-align: middle
}

.head_box .top_user_box .skin_pop {
    position: absolute;
    top: 53px;
    right: 0;
    z-index: 4;
    font-size: 14px;
    width: 96px;
    line-height: 34px;
    text-align: center;
    display: none
}

.head_box .top_user_box .skin_pop .user_name {
    display: inline-block;
    width: auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.head_box .top_user_box .skin_pop_inner {
    padding: 7px 0 11px
}

.head_box .top_user_box .skin_pop_bd__section {
    position: relative;
    padding: 7px 0
}

.head_box .top_user_box .skin_pop_bd__section:after {
    display: block;
    content: " ";
    height: 1px;
    background-color: rgba(0,0,0,.1);
    transform: scaleY(.5);
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.head_box .top_user_box .skin_pop_bd__section:first-child {
    padding-top: 0
}

.head_box .top_user_box .skin_pop_bd__section:last-child {
    padding-bottom: 0
}

.head_box .top_user_box .skin_pop_bd__section:last-child:after {
    display: none
}

.head_box .top_user_box .skin_pop_bd {
    position: relative;
    cursor: pointer
}

.head_box .top_user_box .skin_pop_bd a {
    color: #000
}

.head_box .top_user_box .icon_skin_pop_arrow {
    right: 13px
}

.head_box .top_user_box .top_user_switch {
    display: inline-block;
    vertical-align: middle
}

.head_box .top_user_box.top_user_box__hover .skin_pop {
    display: block
}

.head_box .hd_login_link {
    position: relative;
    top: -2px;
    width: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: right;
    margin-left: 16px
}

.block_nav_wrp {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 71px;
    padding: 21px 0 10px
}

.block_nav_wrp .block_nav_wrp_cont {
    text-align: center;
    max-width: 1140px;
    min-width: 960px;
    margin: 0 auto
}

.block_nav_wrp .block_navs {
    display: inline-block;
    text-align: center
}

.block_nav_wrp .block_nav_link {
    color: #000;
    display: block;
    line-height: 30px;
    padding: 0 20px;
    max-width: 10em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 30em
}

.block_nav_wrp .block_nav_link:hover {
    text-decoration: none
}

.block_nav_wrp .block_nav {
    display: inline-block;
    margin-right: 2px
}

.block_nav_wrp .block_nav.selected a {
    background-color: #e8e8e8;
    font-weight: 500;
    border-radius: 16px
}

@media only screen and (max-width:1380px) {
    .weui-desktop-logo {
        padding-right: 33px
    }

    .head_box .header_ctrls_meta {
        margin-left: 16px
    }

    .head_box .block_nav {
        margin-right: 31px
    }
}

.head_box .top_search_box {
    margin-top: -2px;
    position: relative
}

.search_switch {
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -12px
}

.search_input_box {
    font-size: 16px;
    display: inline-block;
    width: 0;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    transition: width .3s;
    -moz-transition: width .3s;
    -webkit-transition: width .3s;
    -o-transition: width .3s
}

.search_input_box.active {
    width: calc(100% + 14px)
}

.search_input_box input {
    border: none;
    outline: none;
    width: 100%;
    padding-left: 16px;
    padding-right: 44px;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px
}

.search_input_box .close_gray {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px
}

.search_result_box {
    font-size: 14px;
    position: absolute;
    top: 45px;
    right: 0;
    left: 0;
    border-radius: 4px
}

.search_result_box .empty_box {
    padding: 20px 16px;
    color: rgba(0,0,0,.5)
}

.search_result_box .box_title {
    font-size: 16px;
    margin-bottom: 10px
}

.search_result_box .hot_tags_box {
    padding: 10px 14px;
    width: auto;
    float: none
}

.search_result_box .tags_box {
    margin: 10px 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.search_result_box .tags_wrp {
    font-size: 0;
    margin-bottom: -4px
}

.search_result_box .rel_post_title {
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    max-width: none;
    width: 100%;
    margin-right: 6px;
    color: rgba(0,0,0,.9)
}

.search_result_box .rel_post_title:hover {
    text-decoration: underline
}

.search_result_box .rel_post_title em {
    font-style: normal;
    color: #1aad19
}

.icon_subscribe_label {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_subscribe_label_b70066.png) no-repeat 0 0
}

.icon_service_label,.icon_subscribe_label {
    width: 38px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon_service_label {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_service_label_088680.png) no-repeat 0 0
}

.icon_verify_label {
    width: 37px;
    height: 14px;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
    overflow: hidden
}

.icon_verify_label.fail {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_verify_label_fail_3e6c4e.png) no-repeat 0 0
}

.icon_verify_label.success {
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/icon_verify_label_success_a62b02.png) no-repeat 0 0
}

.icon_inbox {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 20px;
    background: url(https://res.wx.qq.com/community/dist/community/images/nav_notice_icon_44f337.svg) no-repeat 50%;
    background-size: cover;
    line-height: 100px;
    overflow: hidden
}

.icon_inbox.opacity {
    opacity: 0
}

.icon_personal_inbox {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(https://res.wx.qq.com/community/dist/community/images/chat_homepage_icon_a09ba7.svg) no-repeat 50%;
    background-size: contain
}

.account {
    float: right;
    padding-top: 10px
}

.account_meta {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom
}

.account_faq {
    padding-top: 18px
}

.account_line {
    font-weight: 400;
    font-style: normal;
    color: #8d8d8d;
    margin: 0 5px;
    position: relative;
    top: -1px;
    font-size: 12px
}

.account {
    font-size: 0
}

.account_meta {
    font-size: 14px
}

.account_meta_primary a {
    color: rgba(0,0,0,.9)
}

.account_meta_primary a:hover {
    color: #576b95
}

.account_info {
    position: relative;
    min-width: 80px
}

.account_info .avatar {
    position: absolute;
    top: 0;
    left: -50px;
    width: 38px;
    height: 38px;
    background-color: #f0f0f0
}

.account_info .type_wrp {
    position: absolute;
    top: 2px;
    left: 0
}

.account_info .type_wrp .type {
    vertical-align: top
}

.account_info .nickname {
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    margin-top: 18px
}

.icon_dot_notices {
    height: 12px;
    min-width: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 4px;
    text-align: center;
    border-radius: 6px;
    background-color: #e15f63;
    line-height: 12px;
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 12px;
    margin: 0 3px 0 8px
}

.icon_dot_notices.more {
    padding: 0 14px 0 6px
}

.icon_dot_notices.more:after {
    content: "+";
    display: inline-block;
    position: absolute;
    top: 0;
    margin-top: -1px;
    right: 6px
}

@media (-webkit-min-device-pixel-ratio:2) {
    .icon_dot_notices_left {
        background: transparent url() no-repeat 0 0
    }

    .icon_dot_notices_right {
        background: transparent url() no-repeat 0 0
    }
}

.account_inbox_switch {
    position: relative
}

.account_message_box {
    display: block;
    width: 340px;
    position: absolute;
    top: 44px;
    right: -153px;
    z-index: 5
}

.account_message_box a {
    color: #576b95
}

.account_message_box_inner {
    overflow: hidden;
    font-size: 14px
}

.account_message_box_inner .account_message_box_hd {
    position: relative;
    text-align: center
}

.account_message_arrow {
    right: 166px
}

.account_message_box_hd {
    line-height: 57px;
    padding: 0 15px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.account_message_box_hd .global_info {
    font-size: 16px
}

.account_message_box_hd a {
    color: #576b95
}

.top_personal_msg_box .account_message_box_hd {
    border: none
}

.account_message_box_bd {
    max-height: 290px;
    text-align: left;
    overflow-x: hidden;
    overflow-y: auto
}

.account_message_item.read .account_message_title a,.account_message_item.read .account_message_title a:hover {
    color: rgba(0,0,0,.5)
}

.account_message_desc,.account_message_info {
    color: rgba(0,0,0,.5);
    word-wrap: break-word;
    word-break: break-all
}

.account_message_desc {
    cursor: pointer;
    padding-top: .2em
}

.account_message_desc a {
    color: rgba(0,0,0,.5)
}

.account_message_desc img {
    max-width: 100%
}

.account_message_info {
    padding-top: .6em;
    font-size: 13px
}

.account_message_opr {
    float: right
}

.account_message_opr a {
    color: #1aad19;
    margin-left: 1em
}

.account_message_opr a:hover {
    color: #1aad19
}

.account_message_title {
    width: auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    cursor: pointer
}

.account_message_title a:hover {
    color: rgba(0,0,0,.9)
}

.account_message_loading {
    border-top: 1px solid rgba(0,0,0,.1)
}

.account_message_list_empty {
    color: rgba(0,0,0,.5);
    padding: 50px 0;
    text-align: center
}

.account_logout a {
    margin-left: 5px;
    line-height: 16px;
    margin-top: 18px;
    padding-left: 14px;
    border-left: 1px solid rgba(0,0,0,.1)
}

.account_faq a,.account_logout a {
    display: inline-block
}

.dot_loading {
    padding: 9px 0;
    text-align: center
}

.icon_dot_loading {
    width: 7px;
    height: 7px;
    background-color: #c2c2c2;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    -webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.icon_dot_loading_left {
    -webkit-animation-name: dotLeft;
    animation-name: dotLeft
}

.icon_dot_loading_center {
    -webkit-animation-name: dotCenter;
    animation-name: dotCenter
}

.icon_dot_loading_right {
    -webkit-animation-name: dotRight;
    animation-name: dotRight
}

@-webkit-keyframes dotLeft {
    0% {
        filter: alpha(opacity = 100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

    25% {
        filter: alpha(opacity = 50);
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }

    50% {
        filter: alpha(opacity = 30);
        -moz-opacity: .3;
        -khtml-opacity: .3;
        opacity: .3
    }

    75% {
        filter: alpha(opacity = 50);
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }

    to {
        filter: alpha(opacity = 100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

@-webkit-keyframes dotCenter {
    0% {
        filter: alpha(opacity = 50);
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }

    25% {
        filter: alpha(opacity = 100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

    50% {
        filter: alpha(opacity = 50);
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }

    75% {
        filter: alpha(opacity = 30);
        -moz-opacity: .3;
        -khtml-opacity: .3;
        opacity: .3
    }

    to {
        filter: alpha(opacity = 50);
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }
}

@-webkit-keyframes dotRight {
    0% {
        filter: alpha(opacity = 30);
        -moz-opacity: .3;
        -khtml-opacity: .3;
        opacity: .3
    }

    25% {
        filter: alpha(opacity = 50);
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }

    50% {
        filter: alpha(opacity = 100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

    75% {
        filter: alpha(opacity = 50);
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5
    }

    to {
        filter: alpha(opacity = 30);
        -moz-opacity: .3;
        -khtml-opacity: .3;
        opacity: .3
    }
}

.account_message_desc a {
    color: #576b95
}

.logo {
    float: left;
    padding-top: 15px;
    font-size: 24px
}

.logo a {
    display: block;
    width: 287px;
    height: 28px;
    overflow: hidden;
    text-decoration: none;
    line-height: 999em;
    background: transparent url(https://res.wx.qq.com/community/dist/community/images/bg_logo_7df7c7.png) no-repeat 0 0
}

@media only screen and (max-width:959px) {
    body {
        min-width: 0!important
    }

    .goto_area .goto_area_input {
        margin: 0 15px
    }

    .load_more_box,.skip_more_box {
        padding: 20px 16px
    }

    .block-list-section-item__extend {
        font-size: 15px
    }

    .block-list-section .block-list-section-item__title {
        margin-bottom: 0
    }

    .copyright {
        display: none
    }

    .app_container.app {
        color: rgba(0,0,0,.9);
        font-size: 14px
    }

    .app_container.app .icon_mobile_search_global {
        vertical-align: middle;
        position: absolute;
        right: 100px;
        top: 50%;
        margin-top: 4px;
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(https://res.wx.qq.com/community/dist/community/images/h5_search_b3ff37.svg) no-repeat 50%/contain;
        margin-right: 5px
    }

    .app_container.app .icon_mobile_search_global:after {
        display: block;
        content: " ";
        height: 14px;
        width: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleX(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        margin-right: -20px
    }

    .app_container.app ::-webkit-input-placeholder {
        color: rgba(0,0,0,.3)
    }

    .app_container.app .frm_textarea {
        line-height: 1.6
    }

    .app_container.app .for_pc {
        display: none
    }

    .app_container.app .for_mobile {
        display: block
    }

    .app_container.app .frm_textarea_faker,.app_container.app .header_ctrls_extend .dib {
        display: none
    }

    .app_container.app .header_ctrls_meta {
        top: 13px;
        right: 16px;
        position: relative
    }

    .app_container.app .header_ctrls_meta .top_user_switch {
        display: none
    }

    .app_container.app iframe {
        width: 100%;
        height: 70%
    }

    .app_container.app .block-list__title {
        font-size: 14px
    }

    .app_container.app .title_tab .tab_nav.selected:after {
        height: 2px;
        margin-bottom: -2px
    }

    .app_container.app .title_tab .tab_nav a {
        font-size: 14px
    }

    .app_container.app .title_tab .tab_nav:hover:after {
        height: 1px
    }

    .app_container.app .block-list__article__title,.app_container.app .block-list__title__bd {
        font-weight: 500
    }

    .app_container.app .announcement_box {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .app_container.app .announcement_box .mod_default_hd {
        margin-bottom: 7px
    }

    .app_container.app .announcement_box:after {
        position: absolute;
        top: 50%;
        right: 10px;
        content: " ";
        display: inline-block;
        vertical-align: 2px;
        width: 9px;
        height: 9px;
        border-left: 1px solid rgba(0,0,0,.3);
        border-bottom: 1px solid rgba(0,0,0,.3);
        transform: matrix(-.71,-.71,.71,-.71,0,0);
        -ms-transform: matrix(-.71,-.71,.71,-.71,0,0);
        -webkit-transform: matrix(-.71,-.71,.71,-.71,0,0);
        margin: -5px .8em 0 2px
    }

    .app_container.app .post_tags_tab .post_tags {
        margin-right: 14px;
        margin-bottom: 7px
    }

    .app_container.app .announcement__area {
        margin: 0 8px 18px;
        border-radius: 6px
    }

    .app_container.app .announcement__area .post_box_hd_title {
        color: rgba(0,0,0,.9)
    }

    .app_container.app .announcement__area .offical-article__title {
        font-size: 14px;
        color: rgba(0,0,0,.9)
    }

    .app_container.app .announcement__area .offical-article__content {
        margin-right: 0;
        padding-right: 15px
    }

    .app_container.app .announcement__area .mod_default_hd {
        padding: 0;
        display: none
    }

    .app_container.app .announcement__area.public_box {
        background-color: #fff;
        padding: 19px 18px 20px
    }

    .app_container.app .announcement__area .a_more {
        color: rgba(0,0,0,.9)
    }

    .app_container.app .announcement__area .a_more:after {
        content: " ";
        display: inline-block;
        vertical-align: 2px;
        width: 9px;
        height: 9px;
        border-left: 1px solid rgba(0,0,0,.3);
        border-bottom: 1px solid rgba(0,0,0,.3);
        transform: matrix(-.71,-.71,.71,-.71,0,0);
        -ms-transform: matrix(-.71,-.71,.71,-.71,0,0);
        -webkit-transform: matrix(-.71,-.71,.71,-.71,0,0);
        margin: 0 .8em 0 2px
    }

    .app_container.app .announcement-extra__area {
        display: none;
        position: static;
        text-align: left;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0;
        z-index: 0
    }

    .app_container.app .announcement-extra__area a {
        display: none
    }

    .app_container.app .announcement-extra__area .announcement__time {
        margin-top: 4px;
        color: rgba(0,0,0,.5)
    }

    .app_container.app .header_ctrls_meta_document {
        display: none
    }

    .app_container.app .header_ctrls_meta.header_ctrls_meta_navigation {
        display: inline-block
    }

    .app_container.app .header_navigation_box_header {
        position: relative;
        color: rgba(0,0,0,.9)
    }

    .app_container.app .header_navigation_box_header:after {
        display: inline-block;
        content: " ";
        width: 6px;
        height: 4px;
        background: url(https://res.wx.qq.com/community/dist/community/images/arrow_down_266883.svg) no-repeat 50%;
        background-size: cover;
        position: absolute;
        top: 50%;
        margin-top: -2px;
        margin-left: 5px
    }

    .app_container.app .header_navigation_back {
        display: none
    }

    .app_container.app .select_tags_wrp .post_tag {
        border-radius: 3.7px;
        line-height: 34px;
        height: 34px;
        border: none;
        font-size: 13px;
        font-weight: 500;
        padding: 0 24px
    }

    .app_container.app .select_tags_wrp .post_tag.selected {
        border: none;
        color: #07c160
    }

    .app_container.app .post_overview .post_title {
        font-size: 17px
    }

    .app_container.app .post_overview .post_title a {
        color: rgba(0,0,0,.9);
        font-weight: 500
    }

    .app_container.app .foot.page_full {
        background-color: transparent
    }

    .app_container.app .post_author_nickname {
        display: inline-block;
        max-width: 9em;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 30em
    }

    .app_container.app .body {
        padding-top: 16px;
        padding-bottom: 0
    }

    .app_container.app .body .thead .table_cell {
        width: 2em;
        padding: 10px 5px;
        line-height: 1.8
    }

    .app_container.app .body.page_detail .post_content img {
        max-width: 100%!important
    }

    .app_container.app .body.page_detail .post_overview_main {
        display: block;
        width: auto
    }

    .app_container.app .body.page_detail .mod_default_box {
        padding: 20px 16px;
        margin-bottom: 12px
    }

    .app_container.app .body.page_detail .post_overview {
        border: none;
        padding: 0;
        margin: 0
    }

    .app_container.app .body.page_detail .post_content {
        padding: 0
    }

    .app_container.app .body.page_detail .post_extra_info .post_opr_area {
        margin-top: 32px
    }

    .app_container.app .body.page_detail .post_comment_list {
        margin-top: 0
    }

    .app_container.app .body.page_detail .post_comment_owner_nickname {
        color: #576b95
    }

    .app_container.app .body.page_detail .ask_content {
        padding: 0;
        margin-bottom: 2px
    }

    .app_container.app .body.page_detail .ask_content .post_content {
        padding: 0
    }

    .app_container.app .body.page_detail .post_extra_info {
        margin-top: 0
    }

    .app_container.app .body.page_detail .post_overview .post_info {
        margin-top: 0;
        padding: 8px 0 31px
    }

    .app_container.app .body.page_detail .post_opr_meta.post_opr_meta_for_operate {
        display: inline-block
    }

    .app_container.app .body.page_detail .post_comment_editor_area {
        display: none
    }

    .app_container.app .container_box {
        min-height: 0
    }

    .app_container.app .container_box .mod_default_box {
        margin-top: 0;
        padding: 20px 16px
    }

    .app_container.app .head_box {
        z-index: 3;
        height: auto
    }

    .app_container.app .head_box .skin_pop .skin_pop_ft {
        display: none
    }

    .app_container.app .head_box .block_nav {
        position: relative;
        height: 58px;
        line-height: 58px;
        display: inline-block;
        padding: 0;
        width: 33.33%;
        margin: 0;
        display: none
    }

    .app_container.app .head_box .weui-desktop-head__inner_hd {
        width: auto;
        padding-top: 63px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .app_container.app .head_box .header_ctrls {
        right: 16px;
        top: 23px
    }

    .app_container.app .head_box .block_nav_link {
        line-height: normal;
        padding: 0
    }

    .app_container.app .head_box .weui-desktop-head__inner {
        width: auto;
        min-width: 0;
        max-width: none
    }

    .app_container.app .head_box .user_avatar {
        width: 30px;
        height: 30px
    }

    .app_container.app .block_nav_wrp_cont {
        width: auto;
        min-width: 0;
        max-width: none
    }

    .app_container.app .weui-desktop-logo {
        padding-top: 18px;
        padding-left: 16px
    }

    .app_container.app .head_box .hd_login_link,.app_container.app .top_notice_box.header_adjust_height {
        display: none
    }

    .app_container.app .weui-desktop-head__inner_hd {
        position: relative;
        padding-top: 100px
    }

    .app_container.app .weui-desktop-layout__side {
        float: none;
        position: absolute;
        top: 0;
        left: 0
    }

    .app_container.app .block_nav_wrp {
        height: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: none
    }

    .app_container.app .block_nav_wrp .selected:after,.app_container.app .block_nav_wrp .top_search_box {
        display: none
    }

    .app_container.app .post_best_comment_info {
        position: relative;
        margin: 0
    }

    .app_container.app .post_best_comment_info:after {
        content: " ";
        display: block;
        height: 100%;
        background-color: transparent;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .app_container.app .block_navs {
        display: block;
        text-align: left
    }

    .app_container.app .block_nav {
        position: relative;
        margin: 0 16px
    }

    .app_container.app .public_box {
        padding: 16px 0;
        margin-top: 0;
        margin-bottom: 8px
    }

    .app_container.app .public_box .mod_default_bd {
        background-color: #fff
    }

    .app_container.app .public_box.box_spacing {
        margin-top: 0
    }

    .app_container.app .post_overview .post_info_meta:first-child {
        margin-left: 0
    }

    .app_container.app .body.page_simple .container_box {
        width: auto;
        min-width: 0
    }

    .app_container.app .post_box_others {
        width: auto;
        margin-left: 0;
        display: block
    }

    .app_container.app .post_box {
        float: none;
        width: auto
    }

    .app_container.app .body.page_simple .container_box {
        max-width: none
    }

    .app_container.app .announcement__area .a_more:before,.app_container.app .ic_reward_list,.app_container.app .icon_home_announce,.app_container.app .icon_home_bug,.app_container.app .icon_home_event,.app_container.app .icon_home_QA,.app_container.app .icon_home_story,.app_container.app .icon_home_talk,.app_container.app .icon_home_teach {
        display: none
    }

    .app_container.app .mod_default_hd {
        padding: 0 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 13px
    }

    .app_container.app .mod_default_hd .mod_hd_extra {
        position: static;
        display: none
    }

    .app_container.app .title_tab .tab_navs {
        line-height: 41px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border: none;
        margin-top: 1px;
        margin-bottom: 3px
    }

    .app_container.app .title_tab .tab_navs:after {
        display: none
    }

    .app_container.app .title_tab .tab_nav {
        float: none;
        margin: 0 16px
    }

    .app_container.app .title_tab .tab_nav:first-child {
        margin-left: 0
    }

    .app_container.app .title_tab .tab_nav:last-child {
        margin-right: 0
    }

    .app_container.app .title_tab .tab_nav a {
        padding: 0
    }

    .app_container.app .mod_default_hd h4 .post_box_hd_title {
        font-size: 15px;
        font-weight: 500
    }

    .app_container.app .ueser_head {
        margin-right: 7px
    }

    .app_container.app .checking_state_new {
        margin: 0 0 0 4px
    }

    .app_container.app .best_comment_info {
        padding-bottom: 12px
    }

    .app_container.app .best_comment {
        padding: 14px 16px
    }

    .app_container.app .mod_default_box .post_tags_tab {
        margin: 0
    }

    .app_container.app .pagination_wrp {
        margin-top: 16px
    }

    .app_container.app .btn.page_next {
        margin-right: 0
    }

    .app_container.app .foot ul {
        width: auto;
        min-width: 0;
        max-width: none;
        text-align: center;
        border: none
    }

    .app_container.app .foot li.links_item {
        display: none
    }

    .app_container.app .foot li.links_item:last-child {
        display: inline-block;
        float: none
    }

    .app_container.app .page_mod_blog_panel {
        border-radius: 0;
        border: none
    }

    .app_container.app .page_mod_blog_panel .block-list__title:before {
        display: none
    }

    .app_container.app .weapp-case__card {
        margin-right: 0
    }

    .app_container.app .plan_item {
        width: auto;
        display: block
    }

    .app_container.app .plan_item_card {
        margin-right: 16px;
        margin-bottom: 16px;
        margin-left: 16px
    }

    .app_container.app .public_boxes {
        margin-right: 0
    }

    .app_container.app .public_boxes.box_spacing {
        margin-top: 16px
    }

    .app_container.app .public_box_wrp.half_width {
        display: block;
        height: auto;
        width: auto;
        margin-right: 0;
        padding: 16px;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
        margin-bottom: 16px
    }

    .app_container.app .public_box_wrp.half_width .public_box {
        margin-right: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0
    }

    .app_container.app .public_box_wrp.half_width .block_header {
        padding: 0
    }

    .app_container.app .public_box_wrp.half_width .link_more {
        right: 0
    }

    .app_container.app .block_header {
        padding: 0 16px
    }

    .app_container.app .public_box .link_more {
        right: 16px
    }

    .app_container.app .plan_list {
        margin: 0
    }

    .app_container.app .weapp-case__item {
        float: none;
        width: auto
    }

    .app_container.app .weapp-case__list {
        margin-right: 0;
        margin-top: 20px
    }

    .app_container.app .public_box .block_header .btn {
        display: none
    }

    .app_container.app .notice_list {
        margin: 0
    }

    .app_container.app .notice_content {
        margin-top: 16px
    }

    .app_container.app .notice_item {
        float: none;
        margin-bottom: 16px;
        width: auto
    }

    .app_container.app .notice_item_card {
        margin: 0 16px
    }

    .app_container.app .popover {
        margin-top: 0;
        left: 0!important;
        right: 0!important;
        width: 100%!important;
        padding: 0 16px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .app_container.app .popover .popover_arrow {
        display: none
    }

    .app_container.app .popover .popover_inner {
        padding: 16px
    }

    .app_container.app .tab_spacing {
        margin: 0
    }

    .app_container.app .project_detail {
        padding: 16px
    }

    .app_container.app .unfold_info {
        padding: 16px 16px 50px
    }

    .app_container.app .second-level_tab_wrp {
        padding: 30px 0 16px
    }

    .app_container.app .second_navs {
        padding: 0 0 16px
    }

    .app_container.app .issue_list .title_tab .tab_navs {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .app_container.app .issue_list .tab_nav {
        margin: 0 10px
    }

    .app_container.app .issue_list .tab_nav:first-child {
        margin-left: 0
    }

    .app_container.app .issue_list .mod_default_box {
        padding: 0;
        margin-bottom: 0
    }

    .app_container.app .issue_list .post_list .post_list_cell.id {
        width: 18%
    }

    .app_container.app .issue_list .post_list .post_list_cell.title {
        width: 53%
    }

    .app_container.app .issue_list .post_list .post_list_cell.time {
        display: none
    }

    .app_container.app .issue_list .post_list .post_list_cell.type {
        width: 29%
    }

    .app_container.app .issue_list .pagination_wrp {
        padding-bottom: 16px
    }

    .app_container.app .mobile_replay_display_none {
        display: none
    }

    .app_container.app .markdown_article_detail .post_detail.mod_default_box {
        padding-top: 38px;
        width: 100%
    }

    .app_container.app .markdown_article_detail .post_overview .post_info {
        margin-bottom: 0
    }

    .app_container.app .markdown_article_detail .article_bottom_reply,.app_container.app .markdown_article_detail .post_detail_main {
        width: 100%
    }

    .app_container.app .markdown_article_detail a.question_fixing {
        color: #07c160
    }

    .app_container.app .markdown_article_detail .answers,.app_container.app .markdown_article_detail .mod_default_box {
        width: 100%;
        margin-top: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .app_container.app .markdown_article_detail .post_comment_item:last-child {
        margin-bottom: 0
    }

    .app_container.app .markdown_detail {
        line-height: 1.6
    }

    .app_container.app .markdown_detail .post_title {
        font-size: 22px
    }

    .app_container.app .markdown_detail .post_info {
        color: rgba(0,0,0,.3);
        margin-top: 8px;
        margin-bottom: 33px
    }

    .app_container.app .markdown_detail .post_overview_main {
        text-align: left
    }

    .app_container.app .markdown_detail .article_intro_container {
        width: auto;
        text-align: left;
        padding: 0;
        margin-bottom: 25px;
        color: rgba(0,0,0,.3)
    }

    .app_container.app .markdown_detail .article_intro_container:after {
        display: none
    }

    .app_container.app .markdown_detail .post_detail {
        float: none;
        width: 100%;
        margin-bottom: 8px
    }

    .app_container.app .markdown_detail .post_info_meta {
        margin-left: 0
    }

    .app_container.app .markdown_detail img {
        max-width: 100%!important
    }

    .app_container.app .markdown_detail .post_extra_info {
        font-size: 15px;
        margin-top: 0
    }

    .app_container.app .markdown_detail .post_box_others {
        display: none
    }

    .app_container.app .markdown_detail .post_opr_area {
        position: relative
    }

    .app_container.app .markdown_detail .catalog_container {
        display: none
    }

    .app_container.app .markdown_detail .with_reanswer .post_comment_owner_nickname {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 30em
    }

    .app_container.app .markdown_detail .with_comment {
        display: none
    }

    .app_container.app .markdown_detail .mod_default_box {
        width: 100%;
        padding: 38px 16px 31px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .app_container.app .markdown_detail .mod_default_box .answer_container {
        padding: 0 0 16px
    }

    .app_container.app .markdown_detail .mod_default_box .answer_container .pagination_wrp .pagination {
        margin-bottom: 0;
        margin-top: 0
    }

    .app_container.app .markdown_detail .mod_default_box .answer_container:after {
        left: 0;
        right: 0
    }

    .app_container.app .markdown_detail .mod_default_box .with_post_editor {
        display: none
    }

    .app_container.app .markdown_detail .mod_default_box .post_comment_owner_avatar {
        left: 0;
        top: 0;
        width: 20px;
        height: 20px
    }

    .app_container.app .markdown_detail .mod_default_box .post_comment_content {
        padding-top: 0
    }

    .app_container.app .markdown_detail .anwser__area .with_post_editor {
        padding: 0 0 0 60px
    }

    .app_container.app .markdown_detail .with_post_answer {
        padding-top: 0
    }

    .app_container.app .markdown_detail .post_opr_meta.post_opr_meta_collect,.app_container.app .markdown_detail .post_opr_meta.post_opr_meta_for_operate,.app_container.app .markdown_detail .post_opr_meta.post_opr_meta_reward {
        display: inline-block
    }

    .app_container.app .markdown_detail .best_comment_agree,.app_container.app .markdown_detail .best_comment_nouse {
        margin-right: 13px
    }

    .app_container.app .common_area h2 {
        font-size: 18px;
        padding: 0 16px;
        margin-bottom: 0
    }

    .app_container.app .search_posts_area .post_list {
        padding: 0
    }

    .app_container.app .search_posts_area .post_item {
        position: relative;
        padding: 0;
        margin-bottom: 16px;
        border-bottom: none
    }

    .app_container.app .search_posts_area .post_item:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        left: 16px;
        right: 16px
    }

    .app_container.app .search_posts_area .post_item:last-child {
        margin-bottom: 0
    }

    .app_container.app .search_posts_area .post_item:last-child:after {
        display: none
    }

    .app_container.app .search_posts_area .search_posts_content {
        margin-bottom: 16px
    }

    .app_container.app .home_page.page_personal {
        margin-top: 0
    }

    .app_container.app .home_page.page_personal .main_bd {
        padding-bottom: 0
    }

    .app_container.app .home_page.page_personal .empty_item {
        padding: 40px 0
    }

    .app_container.app .home_page.page_personal .mod_default_hd {
        padding: 0;
        margin-bottom: 0
    }

    .app_container.app .home_page.page_personal .light-backgroud__card {
        border-radius: 3.7px;
        border: none;
        background-color: rgba(0,0,0,.04);
        padding: 16px
    }

    .app_container.app .home_page.page_personal .light-backgroud__card.open-source__card {
        padding: 0
    }

    .app_container.app .home_page.page_personal .block-list__title {
        margin-bottom: 0
    }

    .app_container.app .home_page.page_personal .github__repo-metalist {
        margin-top: 10px
    }

    .app_container.app .home_page.page_personal .open-source__main {
        padding: 16px 16px 10px
    }

    .app_container.app .home_page.page_personal .open-source__desc {
        height: auto
    }

    .app_container.app .home_page.page_personal .ic_reward_list {
        width: 34px;
        height: 34px;
        background-size: cover;
        background-position: 50%;
        margin-right: 11px
    }

    .app_container.app .home_page.page_personal .github__repo-desc {
        overflow: hidden;
        word-break: break-all;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3
    }

    .app_container.app .home_page.page_personal .columns_right_box {
        padding: 7px 16px
    }

    .app_container.app .home_page.page_personal .columns_right_box.enterprise_box,.app_container.app .home_page.page_personal .columns_right_box.website_box {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 8px
    }

    .app_container.app .home_page.page_personal .current__reward__container {
        margin-bottom: 0
    }

    .app_container.app .home_page.page_personal .rewards_info_box_container {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 16px
    }

    .app_container.app .home_page.page_personal .enterprise_box_container,.app_container.app .home_page.page_personal .personal_box_container {
        position: relative
    }

    .app_container.app .home_page.page_personal .enterprise_box_container:after,.app_container.app .home_page.page_personal .personal_box_container:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        left: 16px;
        right: 16px;
        bottom: 0
    }

    .app_container.app .home_page.page_personal .base-info__website {
        margin-bottom: 10px
    }

    .app_container.app .home_page.page_personal .person_rewards {
        padding: 0;
        margin-bottom: 0
    }

    .app_container.app .home_page.page_personal .block-list__extend {
        display: none
    }

    .app_container.app .home_page.page_personal .open-source__social {
        border-top: none;
        position: relative;
        padding-left: 16px;
        padding-right: 16px
    }

    .app_container.app .home_page.page_personal .open-source__social:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        left: 16px;
        right: 16px;
        top: 0
    }

    .app_container.app .home_page.page_personal .icon-title-before__git {
        width: 34px;
        height: 34px;
        background-size: 20px 20px;
        background-position: 50%;
        margin-right: 11px
    }

    .app_container.app .home_page.page_personal .github__repos,.app_container.app .home_page.page_personal .open-source__list {
        margin-top: 13px
    }

    .app_container.app .home_page.page_personal .github__metalist,.app_container.app .home_page.page_personal .github__repos-title,.app_container.app .home_page.page_personal .weapp-case__hd__extra {
        display: none
    }

    .app_container.app .home_page.page_personal .weapp-case__desc {
        height: auto;
        margin: 9px 0 11px;
        font-size: 16px;
        color: rgba(0,0,0,.9)
    }

    .app_container.app .home_page.page_personal .weapp-case__social {
        padding: 8px 0
    }

    .app_container.app .home_page.page_personal .weapp-case__card {
        padding: 20px 16px 0
    }

    .app_container.app .home_page.page_personal .weapp-case__hd__main {
        padding: 0
    }

    .app_container.app .home_page.page_personal .weapp-case__avatar {
        width: 43px;
        height: 43px;
        float: left;
        position: static;
        transform: none;
        -webkit-transform: initial;
        -moz-transform: initial;
        -ms-transform: initial;
        -o-transform: initial
    }

    .app_container.app .home_page.page_personal .weapp-case__title {
        text-align: left;
        margin-left: 53px;
        padding-top: 0;
        line-height: 43px;
        color: rgba(0,0,0,.9);
        font-weight: 500
    }

    .app_container.app .home_page.page_personal .activity-info__item {
        position: relative;
        border-bottom: none
    }

    .app_container.app .home_page.page_personal .activity-info__item:last-child:after {
        display: none
    }

    .app_container.app .home_page.page_personal .activity-info__item:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .app_container.app .home_page.page_personal .activity-info__item__desc {
        font-size: 15px
    }

    .app_container.app .home_page.page_personal .github__repo {
        margin-bottom: 16px
    }

    .app_container.app .home_page.page_personal .github__repo:last-child {
        margin-bottom: 0
    }

    .app_container.app .home_page.page_personal .title_tab_inline {
        position: relative;
        font-weight: 500
    }

    .app_container.app .home_page.page_personal .title_tab_inline:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .app_container.app .home_page.page_personal .title_tab_inline .tab_navs {
        line-height: normal
    }

    .app_container.app .home_page.page_personal .title_tab_inline .tab_nav {
        margin-right: 40px;
        background: none
    }

    .app_container.app .home_page.page_personal .title_tab_inline .tab_nav a {
        padding: 0;
        line-height: 42px;
        font-weight: 500
    }

    .app_container.app .home_page.page_personal .title_tab_inline .tab_nav.selected {
        background: none;
        position: relative
    }

    .app_container.app .home_page.page_personal .title_tab_inline .tab_nav.selected:after {
        position: absolute;
        content: " ";
        display: block;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #07c160
    }

    .app_container.app .home_page.page_personal .columns_right_box.info_box,.app_container.app .home_page.page_personal .columns_right_box.rewards_box {
        margin-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .app_container.app .home_page.page_personal .mod_default_box {
        margin-bottom: 8px
    }

    .app_container.app .home_page.page_personal .github__repo-meta {
        margin-right: 16px
    }

    .app_container.app .home_page.page_personal .extra-info__hd {
        margin-bottom: 0;
        line-height: 34px
    }

    .app_container.app .home_page.page_personal .extra-info__bd {
        display: none
    }

    .app_container.app .home_page.page_personal .extra-info__github {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 8px
    }

    .app_container.app .home_page.page_personal .two_columns_left {
        width: auto;
        margin-right: 0;
        display: block
    }

    .app_container.app .home_page.page_personal .two_columns_left_main {
        background-color: #fff;
        padding-bottom: 9px;
        margin-bottom: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .app_container.app .home_page.page_personal .icon_post_opr {
        margin-right: 11px;
        width: 34px;
        height: 34px;
        background: url(https://res.wx.qq.com/community/dist/community/images/awesome_icon_911f99.svg) no-repeat 50%;
        background-size: cover
    }

    .app_container.app .home_page.page_personal .current__reward__container {
        margin-top: 0
    }

    .app_container.app .home_page.page_personal .current__reward__item {
        width: 34px;
        height: 34px
    }

    .app_container.app .home_page.page_personal .current__reward__item__container {
        margin-bottom: 0;
        float: left;
        margin-right: 11px
    }

    .app_container.app .home_page.page_personal .current__reward__item__container:before {
        display: none
    }

    .app_container.app .home_page.page_personal .current__reward__title {
        text-align: left;
        line-height: 32px
    }

    .app_container.app .home_page.page_personal .extra-info__title span {
        font-size: inherit
    }

    .app_container.app .home_page.page_personal .mod_default_boxes {
        width: auto;
        display: block
    }

    .app_container.app .home_page.page_personal .frm_control_group {
        padding-bottom: 10px
    }

    .app_container.app .home_page.page_personal .frm_label {
        width: 60px;
        margin-right: 37px
    }

    .app_container.app .home_page.page_personal .base-info {
        position: relative;
        top: -3px
    }

    .app_container.app .home_page.page_personal .classify-list_box {
        padding: 21px 16px 0
    }

    .app_container.app .home_page.page_personal .tab_navs {
        display: block;
        border: none;
        padding: 0;
        text-align: left;
        font-size: 0
    }

    .app_container.app .home_page.page_personal .tab_nav {
        display: inline-block;
        text-align: center;
        background-color: rgba(0,0,0,.04);
        border-radius: 3.7px;
        margin-right: 14px
    }

    .app_container.app .home_page.page_personal .tab_nav:hover {
        color: #000
    }

    .app_container.app .home_page.page_personal .tab_nav:hover:after {
        display: none
    }

    .app_container.app .home_page.page_personal .tab_nav.selected {
        background-color: rgba(26,173,25,.06);
        margin-bottom: -3px
    }

    .app_container.app .home_page.page_personal .tab_nav.selected:after {
        display: none
    }

    .app_container.app .home_page.page_personal .tab_nav a {
        line-height: normal;
        font-weight: 500;
        padding: 8px 9px
    }

    .app_container.app .home_page.page_personal .count-tip {
        margin-left: 0;
        color: inherit
    }

    .app_container.app .home_page.page_personal .activity-info__item:first-child {
        padding-top: 9px
    }

    .app_container.app .home_page.page_personal .activity-info__item__title {
        font-size: 17px;
        overflow: hidden;
        word-break: break-all;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: rgba(0,0,0,.9);
        font-weight: 500;
        margin-bottom: 2px
    }

    .app_container.app .home_page.page_personal .activity-info__extend {
        margin-top: 9px;
        font-size: 15px
    }

    .markdown_detail_body .block_nav_wrp {
        display: none
    }

    .markdown_detail_body .app_container.app .body {
        padding-top: 0
    }

    .markdown_article_detail_body .block_nav_wrp {
        display: none
    }

    .markdown_article_detail_body .app_container.app .body {
        padding-top: 0
    }
}

@media only screen and (max-width:368px) {
    .app_container.app .title_tab .tab_nav {
        margin: 0 6px
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .title_tab .tab_nav {
        font-size: 15px
    }

    .app_container.app .title_tab .tab_nav:after {
        height: 2px
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .head_box .weui-desktop-head__inner {
        height: 62px
    }

    .app_container.app .app_header {
        padding-top: 0
    }

    .app_container.app .head__nav__container {
        position: static
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .select_tags_wrp .post_tags {
        display: inline-block;
        vertical-align: top
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .course_card_container {
        display: block;
        width: auto;
        margin-right: 0;
        margin-bottom: 32px
    }

    .app_container.app .course_card_container:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .trade_card_container {
        display: block;
        width: auto;
        margin-right: 0;
        margin-bottom: 32px
    }

    .app_container.app .trade_card_container:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .company_sign {
        position: relative;
        top: 0;
        font-size: 12px;
        padding: 1px 3px;
        border-radius: 2px;
        color: #fff;
        margin-left: 4px;
        vertical-align: text-bottom;
        line-height: 16px;
        height: 16px
    }

    .app_container.app .company_type {
        top: -2px;
        line-height: 16px;
        height: 18px;
        vertical-align: middle;
        font-size: 12px;
        text-align: center
    }

    .app_container.app .personal_header {
        padding: 22px 16px 0 69px;
        min-height: 42px;
        margin-bottom: 0
    }

    .app_container.app .personal_header .base-info__avatar {
        top: 23px;
        width: 42px;
        height: 42px;
        border-radius: 4px;
        margin-right: 11px
    }

    .app_container.app .personal_header .base-info__name {
        font-size: 16px;
        margin-bottom: 0;
        line-height: 1.6;
        font-weight: 500;
        position: relative;
        padding-right: 75px
    }

    .app_container.app .personal_header .base-info__name__extend {
        position: absolute;
        top: 0;
        right: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px
    }

    .app_container.app .personal_header .base-info__descbox {
        display: block
    }

    .app_container.app .personal_header .base-info__desc {
        -webkit-line-clamp: 1
    }

    .app_container.app .personal_header .base-info__ft {
        display: none
    }

    .app_container.app .personal_header .home_page_hd_footer {
        margin-top: 10px;
        margin-left: -53px;
        position: static;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .app_container.app .personal_header .home_page_hd_footer_item {
        display: block;
        text-align: left;
        margin: 0;
        padding-bottom: 10px
    }

    .app_container.app .personal_header .home_page_hd_footer_item_hd {
        width: 62px;
        margin-right: 37px;
        margin-bottom: 0;
        font-size: inherit;
        float: left;
        color: rgba(0,0,0,.5)
    }

    .app_container.app .personal_header .home_page_hd_footer_item_bd {
        display: table-cell;
        font-size: inherit
    }
}

@media only screen and (max-width:959px) {
    body .table_list .table_list_header {
        padding: 16px
    }

    body .table_list .table_list_tr {
        position: relative;
        padding: 16px
    }

    body .table_list .table_list_tr:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        left: 69px;
        right: 16px;
        bottom: 0
    }

    body .table_list .table_list_tr.empty:after,body .table_list .table_list_tr:last-child:after {
        display: none
    }

    body .table_list .table_list_item.table_list_item_info {
        padding: 0 11px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: calc(100% - 142px)
    }

    body .table_list .table_list_item_info_extend {
        font-size: 13px
    }

    body .table_list .pagination_wrp {
        padding: 16px 0
    }

    body .table_list .pagination_wrp:before {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        left: 16px;
        right: 0
    }

    body .table_list .pagination_wrpdiv {
        margin-top: 0
    }
}

@media only screen and (max-width:959px) {
    .dialog_wrapper .msg_icon_wrapper {
        display: none
    }

    .dialog_wrapper .dialog_component {
        width: 320px!important;
        min-width: 0;
        border-radius: 4px
    }

    .dialog_wrapper .dialog_component .dialog_bd {
        padding: 34px 32px 32px
    }

    .dialog_wrapper .dialog_component .dialog {
        background-color: #f9f7fa;
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 8px
    }

    .dialog_wrapper .dialog_component .dialog .msg_content p {
        color: #000;
        font-weight: 500;
        font-size: 17px
    }

    .dialog_wrapper.dialog_with_head .dialog_component .dialog_bd {
        padding-top: 16px
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component {
        width: 320px!important;
        min-width: 0;
        border-radius: 4px
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component .dialog_hd {
        padding-bottom: 0;
        background-color: transparent;
        line-height: normal;
        height: auto
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component .msg_content {
        font-size: 17px
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component .dialog_ft {
        background-color: transparent;
        position: relative;
        height: auto;
        line-height: normal
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component .dialog_ft:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        left: 0;
        right: 0;
        top: 0
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component .dialog_ft .btn {
        position: relative;
        display: inline-block;
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        font-weight: 500;
        background: none;
        line-height: 51px;
        height: 51px
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component .dialog_ft .btn:after {
        display: block;
        content: " ";
        height: 57px;
        width: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleX(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 0;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component .dialog_ft .btn:first-child {
        margin: 0
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component .dialog_ft .btn:last-child:after {
        display: none
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component .dialog_ft .btn_primary {
        color: #576b95
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component .dialog_ft .btn_default {
        color: rgba(0,0,0,.9)
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component .dialog_ft .btn_warn {
        border: none;
        color: #fa5151
    }

    .dialog_wrapper .dialog_wrp_new.dialog_component .msg_icon_wrapper {
        display: none
    }

    .dialog_wrapper .dialog_wrp_new .page_msg {
        padding-top: 0
    }

    .dialog_wrapper .dialog_wrp_new .page_msg.large .inner {
        padding: 0
    }

    .dialog_wrapper .dialog_wrp_new .page_msg.simple .inner {
        min-width: 0;
        text-align: center
    }

    .dialog_wrapper .dialog_wrp_new .icon_msg {
        width: 46px;
        height: 46px
    }

    .dialog_wrapper .dialog_bd {
        padding: 0
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .block-list {
        padding: 0;
        margin-bottom: 34px;
        margin-top: 0
    }

    .app_container.app .post_box_others .block-list__title {
        padding: 0 16px;
        margin-bottom: 14px
    }

    .app_container.app .block-list__article-list {
        margin-bottom: 0;
        font-size: 14px;
        position: relative;
        padding: 18px 16px;
        background-color: #fff
    }

    .app_container.app .block-list__article-list:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        right: 0;
        bottom: 0;
        left: 16px
    }

    .app_container.app .block-list__article-list:last-child {
        padding-bottom: 21px
    }

    .app_container.app .block-list__article-list:last-child:after {
        display: none
    }

    .app_container.app .block-list__article__date {
        color: rgba(0,0,0,.3)
    }

    .app_container.app .skip_more_box {
        position: relative
    }

    .app_container.app .skip_more_box:after {
        display: block;
        content: " ";
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: 0;
        left: 16px;
        right: 0
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .block_nav_wrp {
        display: none
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .page_mod_blog_panel .skip_more_box {
        margin-top: 0
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .body.page_detail .post_comment_owner_nickname {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 30em
    }

    .app_container.app .post_comment_reply_area .post_comment_item.with_post_answer:before {
        left: 0
    }

    .app_container.app .post_comment_info .post_comment_pos {
        top: 20px
    }

    .app_container.app .post_comment_reply_area .post_comment_pos {
        top: 0
    }

    .app_container.app .post_comment_reply_area .with_load_more {
        padding-top: 0;
        padding-left: 0;
        margin-bottom: 0
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .post_info .popover {
        display: none
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .post_extra_info {
        margin-top: 24px
    }

    .app_container.app .post_extra_info .post_opr_meta {
        margin-left: 16px;
        margin-right: 0
    }

    .app_container.app .post_extra_info .post_opr_meta:first-child {
        margin-left: 0
    }

    .app_container.app .post_extra_info .post_opr_meta.for_mobile {
        display: inline-block
    }

    .app_container.app .post_extra_info .icon_post_opr {
        margin-right: 5px
    }

    .app_container.app .post_extra_info .share_footer_target_icon {
        margin-top: 0
    }

    .app_container.app .post_extra_info .btn,.app_container.app .post_extra_info .btn:first-child {
        margin-left: 16px
    }

    .app_container.app .post_extra_info .copyBtn,.app_container.app .post_extra_info .share_footer_target_parent {
        display: none
    }

    .app_container.app .post_extra_info .post_opr_public.r .post_opr_meta:first-child {
        margin-left: 0
    }

    .app_container.app .post_extra_info .icon_operation_more {
        vertical-align: middle
    }

    .app_container.app .post_opr_area_topic .btn,.app_container.app .post_opr_area_topic .btn:first-child,.app_container.app .post_opr_area_topic .post_opr_meta {
        margin-left: 0
    }

    .app_container.app .post_opr_area_topic .btn,.app_container.app .post_opr_area_topic .post_opr_meta {
        margin-right: 16px
    }

    .app_container.app .footer-left-btn .btn:first-child,.app_container.app .post_opr_col_left .post_opr_meta_collect {
        margin-left: 0
    }

    .app_container.app .fixed {
        position: relative
    }

    .app_container.app .fixed .post_opr_area_inner_area {
        min-width: 0
    }

    .app_container.app .fixed .post_opr_area_inner {
        width: 100%;
        padding: 0;
        height: auto
    }

    .app_container.app .fixed .post_opr_area_inner:after {
        display: none
    }

    .app_container.app .post_opr_area {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .app_container.app .post_opr_area .post_opr_public {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:368px) {
    .app_container.app .post_extra_info .btn:first-child,.app_container.app .post_extra_info .post_opr_meta {
        margin-left: 8px
    }

    .app_container.app .post_extra_info .article_extend {
        float: none
    }
}

@media only screen and (max-width:340px) {
    .app_container.app .detail_footer.post_extra_info .post_opr_public {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .app_container.app .detail_footer.post_extra_info .post_opr_meta {
        margin-bottom: 4px
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .course__footer__item__from {
        display: none
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .list_loading {
        text-align: center;
        font-size: 13px;
        color: rgba(0,0,0,.3);
        padding: 1.5em 0;
        line-height: 1.6em;
        font-size: 14px
    }

    .app_container.app .weui-loading {
        margin-right: 3px;
        position: relative;
        top: -2px;
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        -webkit-animation: weuiLoading 1s steps(12) infinite;
        animation: weuiLoading 1s steps(12) infinite;
        background: transparent url("data:image/svg+xml;charset=utf8, <svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'><path fill='none' d='M0 0h100v100H0z'/><rect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/><rect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/></svg>") no-repeat;
        background-size: 100%
    }
    @-webkit-keyframes weuiLoading {
        0%{-webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes weuiLoading {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }}

@media only screen and (max-width:959px) {
    .app_container.app .markdown_article_detail.hasOtherBox .anwser__area,.app_container.app .markdown_article_detail.hasOtherBox .comment_bottom {
        width: auto
    }

    .app_container.app .anwser__area {
        width: auto;
        padding: 24px 18px 0;
        margin-top: 8px
    }

    .app_container.app .anwser__area .anwser__title {
        font-size: 15px
    }

    .app_container.app .anwser__area .icon_agree {
        top: 0
    }

    .app_container.app .anwser__area .pagination_wrp {
        margin-top: 0
    }

    .app_container.app .anwser__area .page_next {
        padding-right: 0
    }

    .app_container.app .mobile_post_opr_wording {
        display: inline-block;
        margin-left: 5px
    }

    .app_container.app .comment_topic_agree .icon_post_opr {
        margin-right: 5px
    }

    .app_container.app .icon_post_opr {
        margin-right: 0
    }

    .app_container.app .anwser__hd {
        margin-bottom: 0
    }

    .app_container.app .post_comment_time {
        display: none
    }

    .app_container.app .post_comment_info .mobile_post_comment_info_hd {
        display: inline-block;
        word-break: keep-all
    }

    .app_container.app .post_comment_info .mobile_post_comment_time {
        display: inline-block;
        line-height: 30px;
        font-size: 14px;
        color: rgba(0,0,0,.3)
    }

    .app_container.app .post_comment_info .popover {
        padding: 0
    }

    .app_container.app .mobile_post_comment_delete {
        margin-left: 8px
    }

    .app_container.app .widget_comment {
        padding-top: 24px;
        padding-bottom: 24px;
        padding-left: 43px
    }

    .app_container.app .widget_comment:after {
        left: -16px;
        right: -16px
    }

    .app_container.app .widget_comment:first-child {
        padding-top: 20px
    }

    .app_container.app .widget_comment:first-child .post_comment_owner_avatar {
        top: 23px
    }

    .app_container.app .widget_comment.with_reanswer .popover_target {
        max-width: calc(50% - 30px)
    }

    .app_container.app .widget_comment.with_reanswer .popover_target .post_comment_owner_nickname {
        max-width: 100%
    }

    .app_container.app .widget_comment .post_comment_owner_avatar {
        top: 28px;
        width: 34px;
        height: 34px
    }

    .app_container.app .widget_comment .popover_target {
        max-width: calc(100% - 150px)
    }

    .app_container.app .widget_comment .post_comment_opr {
        text-align: right
    }

    .app_container.app .widget_comment .post_comment_opr .popover_comments_operation_group {
        display: none
    }

    .app_container.app .reply-comment .post_comment_owner_nickname {
        display: inline-block;
        max-width: calc(50% - 70px)
    }

    .app_container.app .post_comment_item .comment-delete {
        margin-right: 0
    }

    .app_container.app .post_comment_item .best_comment_agree,.app_container.app .post_comment_item .best_comment_discuss,.app_container.app .post_comment_item .best_comment_nouse,.app_container.app .post_comment_item .post_opr_meta {
        margin-right: 0;
        margin-left: 14px
    }

    .app_container.app .post_comment_item .best_comment_agree {
        margin-right: 14px
    }

    .app_container.app .post_comment_tag {
        margin-right: 0;
        margin-left: 15px
    }

    .app_container.app .post_comment_tag:first-child {
        margin-left: 0
    }

    .app_container.app .post_comment_info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 3px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .app_container.app .post_comment_info .post_opr_wording {
        display: none
    }

    .app_container.app .post_comment_time {
        margin-left: 0
    }

    .app_container.app .mobile_more_operations {
        display: inline-block;
        width: 18px;
        height: 18px
    }

    .app_container.app .icon_operation_more_mobile {
        display: inline-block;
        float: right
    }

    .app_container.app .post_comment_tag.top {
        float: right
    }

    .app_container.app .post_comment_reply_area {
        position: relative;
        margin-top: 15px;
        padding: 12px 12px 15px;
        border-radius: 4px
    }

    .app_container.app .post_comment_reply_area:before {
        position: absolute;
        top: 0;
        margin-top: -18px;
        left: 16px;
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border: 9px solid transparent;
        border-bottom-color: #f7f7f7
    }

    .app_container.app .post_comment_reply_area .post_comment_info {
        margin-top: 2px
    }

    .app_container.app .post_comment_reply_area .post_comment_owner_avatar {
        display: none
    }

    .app_container.app .post_comment_reply_area .widget_comment {
        padding-top: 11px;
        padding-bottom: 11px;
        padding-left: 0
    }

    .app_container.app .post_comment_reply_area .widget_comment:after {
        left: -12px;
        right: -12px
    }

    .app_container.app .post_comment_reply_area .widget_comment:last-child:after {
        display: none
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .behavior_container {
        background-color: #fff;
        z-index: 1;
        right: 16px;
        margin-left: 0;
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.04),0 2px 8px 0 rgba(0,0,0,.1);
        box-shadow: 0 0 5px 0 rgba(0,0,0,.04),0 2px 8px 0 rgba(0,0,0,.1);
        border-radius: 6px;
        overflow: hidden;
        top: auto;
        -webkit-transform: initial;
        transform: none;
        bottom: 32px
    }

    .app_container.app .behavior_item {
        display: inline-block;
        border-radius: initial;
        margin-bottom: 0;
        padding: 12px 2px 12px 21px;
        height: auto;
        width: auto;
        color: rgba(0,0,0,.9)
    }

    .app_container.app .behavior_item:last-child {
        padding-right: 21px
    }

    .app_container.app .behavior_item.active {
        color: #07c160
    }

    .app_container.app .behavior_item.behavior_comment {
        display: inline-block
    }

    .app_container.app .behavior_item.behavior_share {
        display: none
    }

    .app_container.app .behavior_item_ic {
        position: relative;
        top: -1px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0
    }

    .app_container.app .behavior_item_content {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .post_box_others .block-list.detail_extend {
        padding-top: 16px;
        padding-bottom: 0;
        margin-bottom: 0;
        background: none
    }

    .app_container.app .post_box_others .detail_extend_list {
        background-color: #fff
    }

    .app_container.app .detail_extend_list_item {
        position: relative;
        margin-bottom: 0
    }

    .app_container.app .detail_extend_list_item:after {
        bottom: 0;
        left: 16px;
        right: 0;
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0
    }

    .app_container.app .detail_extend_list_item:last-child:after {
        display: none
    }

    .app_container.app .detail_extend_list_item a {
        display: block;
        position: relative;
        padding: 0 45px 0 20px;
        line-height: 63px;
        font-size: 15px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 30em
    }

    .app_container.app .detail_extend_list_item a:before {
        content: " ";
        display: inline-block;
        vertical-align: 2px;
        width: 9px;
        height: 9px;
        border-left: 1px solid rgba(0,0,0,.3);
        border-bottom: 1px solid rgba(0,0,0,.3);
        transform: matrix(-.71,-.71,.71,-.71,0,0);
        -ms-transform: matrix(-.71,-.71,.71,-.71,0,0);
        -webkit-transform: matrix(-.71,-.71,.71,-.71,0,0);
        position: absolute;
        right: 8px;
        top: 50%;
        margin: -5px .8em 0 .3em
    }

    .app_container.app .detail_extend_list_item a:active:after {
        position: absolute;
        content: " ";
        display: block;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        background-color: rgba(0,0,0,.05);
        left: -20px;
        right: -45px
    }
}

@media only screen and (max-width:959px) {
    .page_tips {
        top: 40px
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .topicblock_container {
        border-radius: 8px;
        background-color: #fff;
        margin-bottom: 14px;
        padding: 21px 18px
    }

    .app_container.app .topicblock_footer_item {
        margin-right: 16px;
        color: rgba(0,0,0,.3)
    }

    .app_container.app .topicblock_footer_item:last-child {
        margin-right: 0
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .mod_access .access_list_item {
        padding: 16px 0
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .header_navigation_box_item_box {
        margin-top: 1
    }

    .app_container.app .header_navigation_box_item_box:first-child {
        margin-top: 22px
    }

    .app_container.app .header_navigation_box .header_navigation_box_body {
        position: fixed;
        top: 63px;
        left: 0;
        right: 0;
        text-align: left;
        height: 100%;
        background-color: #f7f7f7;
        color: rgba(0,0,0,.9);
        padding: 0 24px;
        z-index: 99;
        height: calc(100% - 63px);
        overflow-y: auto
    }

    .app_container.app .header_navigation_box .header_navigation_box_item_container {
        display: block;
        position: relative;
        line-height: 71px;
        color: rgba(0,0,0,.9)
    }

    .app_container.app .header_navigation_box .header_navigation_box_item_container:before {
        content: " ";
        display: inline-block;
        vertical-align: 2px;
        width: 9px;
        height: 9px;
        transform: matrix(-.71,-.71,.71,-.71,0,0);
        -ms-transform: matrix(-.71,-.71,.71,-.71,0,0);
        -webkit-transform: matrix(-.71,-.71,.71,-.71,0,0);
        position: absolute;
        right: 0;
        top: 50%;
        margin: -3.5px .8em 0 .3em;
        border-left: 1px solid rgba(0,0,0,.3);
        border-bottom: 1px solid rgba(0,0,0,.3);
        border-right-color: rgba(0,0,0,.3);
        border-top-color: rgba(0,0,0,.3)
    }

    .app_container.app .header_navigation_box .header_navigation_box_item_container:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        left: 0;
        right: 0
    }

    .app_container.app .header_navigation_box_item_list_item_more .header_navigation_box_item_list_item_icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff
    }

    .app_container.app .header_navigation_box_item {
        position: relative;
        margin-bottom: 60px
    }

    .app_container.app .header_navigation_box_item.header_navigation_box_item_orientation {
        padding-bottom: 18px;
        margin-bottom: 0;
        font-size: 14px
    }

    .app_container.app .header_navigation_box_item.header_navigation_box_item_orientation .header_navigation_box_item_list:after,.app_container.app .header_navigation_box_item.header_navigation_box_item_orientation .header_navigation_box_item_list:before {
        display: none
    }

    .app_container.app .header_navigation_box_item_orientation .header_navigation_box_item_list {
        padding: 0 0 18px
    }

    .app_container.app .header_navigation_box_item_inner {
        display: block
    }

    .app_container.app .header_navigation_box_item_list {
        position: relative;
        padding: 16px 0
    }

    .app_container.app .header_navigation_box_item_list:before {
        position: absolute;
        right: 0;
        top: 50%;
        content: " ";
        display: inline-block;
        vertical-align: 2px;
        width: 9px;
        height: 9px;
        border-left: 1px solid rgba(0,0,0,.3);
        border-bottom: 1px solid rgba(0,0,0,.3);
        transform: matrix(-.71,-.71,.71,-.71,0,0);
        -ms-transform: matrix(-.71,-.71,.71,-.71,0,0);
        -webkit-transform: matrix(-.71,-.71,.71,-.71,0,0);
        margin: -6px .8em 0 .3em
    }

    .app_container.app .header_navigation_box_item_list:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .app_container.app .icon__more__dot {
        display: inline-block;
        vertical-align: middle;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #b1b1b1;
        margin: 0 2px
    }

    .app_container.app .header_navigation_box_item__with-list .header_navigation_box_item_list_title {
        color: rgba(0,0,0,.9)
    }

    .app_container.app .header_navigation_box_item__with-list .header_navigation_box_item_inner:first-child:before {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        top: 0;
        left: 0;
        right: 0
    }

    .app_container.app .header_navigation_box_item_list_title {
        color: rgba(0,0,0,.5)
    }

    .app_container.app .header_navigation_box_item_list_item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .app_container.app .header_navigation_box_item_list_item,.app_container.app .header_navigation_box_item_list_item_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .app_container.app .header_navigation_box_item_list_item_inner {
        text-align: center;
        width: 6em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .app_container.app .header_navigation_box_item_list_item_icon {
        display: block;
        width: 48px;
        height: 48px;
        margin: 20px auto 12px;
        border-radius: 50%
    }

    .app_container.app .header_navigation_box_item_list_item_wxapp .header_navigation_box_item_list_item_icon {
        background: #fff url(https://res.wx.qq.com/community/dist/community/images/navigation_dropdown_wxapp_icon_10eb18.svg) no-repeat;
        background-size: contain
    }

    .app_container.app .header_navigation_box_item_list_item_minigame .header_navigation_box_item_list_item_icon {
        background: #fff url(https://res.wx.qq.com/community/dist/community/images/navigation_dropdown_minigame_icon_edf793.svg) no-repeat;
        background-size: contain
    }

    .app_container.app .header_navigation_box_item_list_item_wxenterprise .header_navigation_box_item_list_item_icon {
        background: #fff url(https://res.wx.qq.com/community/dist/community/images/navigation_dropdown_wxenterprise_icon_5355fa.svg) no-repeat;
        background-size: contain
    }

    .app_container.app .header_navigation_box_item_list_item_wxpay .header_navigation_box_item_list_item_icon {
        background: #fff url(https://res.wx.qq.com/community/dist/community/images/navigation_dropdown_wxpay_icon_738fb4.svg) no-repeat;
        background-size: contain
    }

    .app_container.app .header_navigation_box_item_list_item_desc {
        color: rgba(0,0,0,.3);
        font-size: 12px;
        width: 100%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal
    }
}

@media only screen and (max-width:350px) {
    .app_container.app .header_navigation_box_item_list_item_inner {
        width: 4.5em
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .header_search_panel {
        position: fixed;
        left: 0;
        right: 0;
        top: 71px;
        background-color: #f7f7f7;
        height: 100%
    }

    .app_container.app .search_posts_area__search__container {
        margin-top: -15px;
        background-color: #ededed
    }

    .app_container.app .search_posts_area__search__container .search_posts_area__search {
        background-color: transparent
    }

    .app_container.app .mod_search-bar .weui-search-bar__form {
        z-index: 20
    }

    .app_container.app .search_result_box {
        position: fixed;
        top: 100px
    }

    .h5-body.search_list_body .app_container.app .search_posts_area__search__container .search_posts_area__search {
        background-color: transparent
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .uploader_mask {
        position: relative;
        width: 53px;
        height: 53px;
        background-color: #ededed
    }

    .app_container.app .uploader_mask:before {
        width: 2px;
        height: 32px
    }

    .app_container.app .uploader_mask:after {
        width: 32px;
        height: 2px
    }

    .app_container.app .uploader_mask:after,.app_container.app .uploader_mask:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: 0;
        margin-top: 0;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background: none;
        background-color: #a3a3a3
    }

    .app_container.app .uploader_mask .image_uplad_box:hover:after {
        display: none
    }

    .app_container.app .webuploader-container {
        z-index: 1
    }

    .app_container.app .webuploader-pick {
        background-color: #ededed
    }

    .app_container.app .weui-uploader__file_status:before {
        content: " ";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,.5)
    }

    .app_container.app .weui-uploader__file_status .weui-uploader__file-content {
        display: block
    }

    .app_container.app .weui-uploader__file-content {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        color: #fff
    }

    .app_container.app .weui-desktop-upload__file.weui-desktop-upload__file_image-holder {
        width: 96px
    }

    .app_container.app .weui-desktop-upload__file .weui-desktop-image-holder__wrp {
        height: 96px
    }

    .app_container.app .uploader_btn_inner:after,.app_container.app .uploader_btn_inner:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-color: #a3a3a3
    }

    .app_container.app .uploader_btn_inner:before {
        width: 2px;
        height: 32px
    }

    .app_container.app .uploader_btn_inner:after {
        width: 32px;
        height: 2px
    }

    .app_container.app .uploader_btn_inner .weui-desktop-icon__add {
        display: none
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .dialog_wrapper .select_profile_card {
        margin: 40px 30px 0
    }

    .app_container.app .dialog_wrapper.select_profile .dialog_wrp_new.dialog_component .dialog_bd {
        padding: 0
    }

    .app_container.app .dialog_wrapper.select_profile iframe {
        width: 300px;
        height: 400px;
        margin: 0 auto
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .mode__courses .mode__courses__list__item-inner {
        padding: 16px
    }

    .app_container.app .mode__courses .mode__courses__list__item__head {
        display: none
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .mode__chapter-list {
        background: none;
        margin-bottom: 0;
        margin-top: 16px
    }

    .app_container.app .chapter-list__head {
        padding: 0 16px 14px;
        font-size: 14px
    }

    .app_container.app .chapter-list__head:after {
        display: none
    }

    .app_container.app .chapter-list__body {
        background-color: #fff
    }

    .app_container.app .chapter-list__list__item:after {
        left: 16px;
        right: 16px
    }

    .app_container.app .chapter-list__list__item__inner {
        padding: 16px
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .mode__grow-up-summary {
        padding: 16px;
        margin: 16px 0
    }

    .app_container.app .mode__grow-up-summary .grow-up-summary__head {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .mode__page__plate__head {
        background: none
    }

    .app_container.app .mode__page__plate__head .mode__page__plate__head__inner {
        margin: 0 8px;
        background-color: #fff;
        border-radius: 8px
    }

    .app_container.app .mode__page__plate__head .mode__page__plate__head__head {
        padding: 16px
    }

    .app_container.app .mode__page__plate__head .mode__page__plate__head__head__extend {
        text-align: right;
        position: static;
        -webkit-transform: none;
        transform: none
    }

    .app_container.app .mode__page__plate__head .mode__page__plate__head__foot__main {
        width: calc(100% - 70px)
    }

    .app_container.app .mode__page__plate__head .mode__page__plate__head__info {
        max-width: 100%
    }

    .app_container.app .mode__page__plate__head .mode__page__plate__head__foot__main__time {
        display: none
    }

    .app_container.app .mode__page__plate__head .mode__page__plate__head__foot {
        padding-left: 16px;
        padding-right: 16px
    }

    .app_container.app .mode__page__plate__head .mode__page__plate__head__foot:after {
        left: 16px;
        right: 16px
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .msg__filter__cell {
        margin-bottom: 16px
    }

    .app_container.app .msg__filter__footer {
        padding-left: 5em
    }
}

@media only screen and (max-width:959px) {
    .app_container.app div.home_page .body {
        padding-top: 7px
    }

    .app_container.app div.home_page .simple_container {
        position: relative
    }

    .app_container.app div.home_page .tab_extend {
        display: block;
        float: right;
        line-height: 41px;
        color: rgba(0,0,0,.3)
    }

    .app_container.app div.home_page .simple_container_outside_header {
        padding-top: 6px;
        background-color: #f7f7f7
    }

    .app_container.app div.home_page .post_tags_tab {
        display: none
    }

    .app_container.app div.home_page .ic_filter {
        margin-left: 5px
    }

    .app_container.app div.home_page .post_group {
        color: rgba(0,0,0,.3);
        margin-right: 0;
        display: none
    }

    .app_container.app div.home_page .post_time {
        margin-left: 0
    }

    .app_container.app div.home_page .simple_container_body {
        background: none;
        padding: 1px 8px 0
    }

    .app_container.app div.home_page .post_author_nickname {
        color: rgba(0,0,0,.3);
        display: block;
        max-width: none
    }

    .app_container.app div.home_page .post_item {
        border-radius: 8px;
        background-color: #fff;
        margin-bottom: 14px;
        padding: 63px 18px 21px
    }

    .app_container.app div.home_page .post_item:after {
        display: none
    }

    .app_container.app div.home_page .post_item.post_item_simple_qa {
        padding-top: 24px
    }

    .app_container.app div.home_page .post_item_simple_qa .post_info {
        margin-top: 4px
    }

    .app_container.app div.home_page .post_item_simple_qa .ueser_head {
        width: 22px;
        height: 22px;
        border-radius: 2px;
        overflow: hidden
    }

    .app_container.app div.home_page .post_item_simple_qa .post_title {
        line-height: 1.4;
        -webkit-line-clamp: 3
    }

    .app_container.app div.home_page .post_item_simple_qa .best_comment_author {
        font-weight: 500
    }

    .app_container.app div.home_page .post_item_simple_qa .best_comment_info .best_comment_info {
        padding-bottom: 14px
    }

    .app_container.app div.home_page .post_item_simple_qa .post_author_nickname {
        color: rgba(0,0,0,.3)
    }

    .app_container.app div.home_page .post_item_simple_qa .post_info_meta {
        margin-right: 0
    }

    .app_container.app div.home_page .best_comment_article {
        color: rgba(0,0,0,.3);
        font-size: 17px;
        -webkit-line-clamp: 4
    }

    .app_container.app div.home_page .home_page_content_panel .mod_hd_extra {
        display: none
    }

    .app_container.app div.home_page .post_item {
        position: relative;
        z-index: 1
    }

    .app_container.app div.home_page .post_item .post_title a:after {
        z-index: 1;
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        background-color: transparent
    }

    .app_container.app div.home_page .post_item:active {
        position: relative
    }

    .app_container.app div.home_page .post_item:active:after {
        content: " ";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        -webkit-transform: none;
        transform: none;
        border-radius: 5px;
        background-color: rgba(0,0,0,.05)
    }

    .app_container.app div.home_page .best_comment_info .best_comment_sub,.app_container.app div.home_page .best_comment_info .post_author_nickname,.app_container.app div.home_page .best_comment_info a,.app_container.app div.home_page .post_author_container .best_comment_sub,.app_container.app div.home_page .post_author_container .post_author_nickname,.app_container.app div.home_page .post_author_container a {
        color: rgba(0,0,0,.3)
    }

    .app_container.app div.home_page .best_comment {
        position: relative;
        background: none;
        margin-top: 18px;
        padding: 18px 0 0
    }

    .app_container.app div.home_page .best_comment:before {
        display: block;
        content: " ";
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .app_container.app div.home_page .best_comment_link {
        color: rgba(0,0,0,.3)
    }

    .app_container.app div.home_page .skip_more_box {
        position: relative;
        background-color: #fff
    }

    .app_container.app div.home_page .skip_more_box:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        right: 0;
        top: 0;
        left: 16px
    }

    .app_container.app div.home_page .load_more_box {
        margin-top: 0;
        background-color: #fff
    }

    .app_container.app div.home_page .page_mod_blog_panel .skip_more_box {
        margin-top: 0
    }

    .app_container.app div.home_page .mod_issue_list,.app_container.app div.home_page .mod_rewards_list,.app_container.app div.home_page .page_mod_blog_panel {
        border-top: none
    }

    .app_container.app div.home_page .mod_issue_list .block-list__title:before,.app_container.app div.home_page .mod_rewards_list .block-list__title:before,.app_container.app div.home_page .page_mod_blog_panel .block-list__title:before {
        display: none
    }

    .app_container.app div.home_page .block-list-section {
        margin-bottom: 0
    }

    .app_container.app div.home_page .pagination_wrp {
        padding: 0
    }

    .app_container.app div.home_page .post_overview .post_info_meta {
        font-size: 15px;
        margin-right: 16px
    }

    .app_container.app div.home_page .post_box .public_box {
        margin-bottom: 12px
    }

    .app_container.app div.home_page .post_info {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .app_container.app div.home_page .post_title {
        line-height: 1.6
    }

    .app_container.app div.home_page .post_author_container {
        display: block;
        position: absolute;
        top: 0;
        margin-top: 23px;
        width: calc(100% - 36px)
    }

    .app_container.app div.home_page .post_author_info {
        line-height: 22px;
        height: 22px;
        vertical-align: top;
        width: calc(100% - 53px)
    }

    .app_container.app div.home_page .cy_new {
        position: relative;
        top: 2px;
        vertical-align: top;
        line-height: 17px
    }

    .app_container.app div.home_page .post_info_meta.post_time {
        color: rgba(0,0,0,.3);
        margin-left: 0
    }

    .app_container.app div.home_page .post_desc {
        display: none
    }

    .app_container.app div.home_page .post_author_avatar {
        width: 22px;
        height: 22px;
        float: left;
        border-radius: 2px;
        overflow: hidden
    }

    .app_container.app div.home_page .post_info_extend {
        float: none
    }

    .app_container.app div.home_page .post_info_github,.app_container.app div.home_page .post_info_qa {
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .app_container.app div.home_page .post_info_github .post_time,.app_container.app div.home_page .post_info_qa .post_time {
        position: static
    }

    .app_container.app div.home_page .post_best_comment_info,.app_container.app div.home_page .post_info_github:after,.app_container.app div.home_page .post_info_qa:after,.app_container.app div.home_page .post_tags_container {
        display: none
    }

    .app_container.app div.home_page .post_box_others {
        display: none;
        margin-top: 18px
    }

    .app_container.app div.home_page .post_box_others .public_box {
        padding: 0;
        margin-bottom: 34px
    }

    .app_container.app div.home_page .post_box_others .block-list__title {
        padding: 0 20px;
        margin-bottom: 14px;
        font-size: 15px
    }

    .app_container.app div.home_page .post_box_others .block-list__title span {
        font-weight: 500
    }

    .app_container.app div.home_page .post_box_others .block-list-section {
        padding: 0 16px;
        background-color: #fff
    }

    .app_container.app div.home_page .block-list-section .block-list-section-item {
        padding: 19px 0;
        margin-bottom: 0
    }

    .app_container.app div.home_page .block-list-section .block-list-section-item:last-child {
        padding-bottom: 19px
    }

    .app_container.app div.home_page .block-list-section .block-list-section-item:last-child a:after {
        display: none
    }

    .app_container.app div.home_page .block-list-section-item a {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .app_container.app div.home_page .block-list-section-item a:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        right: -16px;
        bottom: -21px;
        left: 0
    }

    .app_container.app div.home_page .block-list-section-item__extend {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-left: 16px;
        color: rgba(0,0,0,.3)
    }

    .app_container.app div.home_page .block-list__extend {
        color: rgba(0,0,0,.6);
        margin-top: 0;
        padding: 22px 16px;
        background-color: #fff;
        text-align: left
    }

    .app_container.app div.home_page .block-list__extend:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: 0 .8em 0 9px;
        top: -2px
    }

    .app_container.app div.home_page .block-list__extend.close:after,.app_container.app div.home_page .block-list__extend:after {
        content: " ";
        display: inline-block;
        vertical-align: 2px;
        width: 7px;
        height: 7px;
        border-left: 1px solid rgba(0,0,0,.6);
        border-bottom: 1px solid rgba(0,0,0,.6);
        position: relative
    }

    .app_container.app div.home_page .block-list__extend.close:after {
        top: 2px;
        margin: 0 .8em 0 .3em;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 1px
    }

    .app_container.app div.home_page .block-list-section-item__type {
        display: none
    }

    .app_container.app div.home_page .block-list__bd {
        padding: 16px 16px 0;
        background-color: #fff
    }

    .app_container.app div.home_page .pagination_wrp {
        padding-bottom: 16px
    }
}

@media only screen and (max-width:959px) {
    .app_container.app div.page_personal {
        margin-top: 0
    }

    .app_container.app div.page_personal .mod_default_box .mod_default_hd {
        padding: 0 16px;
        margin-bottom: 13px
    }

    .app_container.app div.page_personal .select_tags_wrp {
        display: block
    }
}

@media only screen and (max-width:959px) {
    div.appreciate_list_page .table_list_item_avatar {
        width: 42px;
        height: 42px
    }

    div.appreciate_list_page .table_list_item_avatar_img {
        width: 100%;
        height: 100%
    }

    div.appreciate_list_page .table_list_item_info_extend_item {
        margin-right: 8px
    }

    div.appreciate_list_page .mod_rank,div.appreciate_list_page .table_list_item_info_desc {
        display: none
    }
}

@media only screen and (max-width:959px) {
    .markdown_article_detail_body,.markdown_detail_body {
        padding-bottom: 40px
    }

    .markdown_article_detail_body .app_container.app .body,.markdown_detail_body .app_container.app .body {
        padding-top: 0;
        margin-top: 0
    }

    .markdown_article_detail_body .app_container.app .head .block_nav_wrp__empty__hold,.markdown_detail_body .app_container.app .head .block_nav_wrp__empty__hold {
        display: none
    }

    .markdown_article_detail_body .app_container.app .post_overview .post_title,.markdown_detail_body .app_container.app .post_overview .post_title {
        font-size: 22px
    }

    .markdown_article_detail_body .app_container.app .post_overview .post_info_meta,.markdown_detail_body .app_container.app .post_overview .post_info_meta {
        padding-right: 16px
    }

    .markdown_article_detail_body .app_container.app .checking_state,.markdown_detail_body .app_container.app .checking_state {
        display: none
    }

    .markdown_article_detail_body .app_container.app .post_owner,.markdown_detail_body .app_container.app .post_owner {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 30em;
        max-width: 7em
    }

    .markdown_article_detail_body .app_container.app .detail__breadcruumb,.markdown_detail_body .app_container.app .detail__breadcruumb {
        margin: 0;
        padding: 16px
    }

    .markdown_article_detail_body .tbody .table_cell,.markdown_article_detail_body .thead .table_cell,.markdown_detail_body .tbody .table_cell,.markdown_detail_body .thead .table_cell {
        white-space: nowrap
    }

    .markdown_article_detail_body .post_title {
        display: inline-block;
        overflow: hidden;
        word-break: break-all;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .markdown_article_detail_body .post_title .official_new {
        position: relative;
        top: -3px
    }

    .markdown_article_detail_body .post_title .icon_post_tag,.markdown_article_detail_body .post_title .official_new {
        display: inline-block;
        vertical-align: middle;
        top: -2px
    }

    .app_container.app .markdown_article_detail.hasOtherBox .post_box_others {
        width: 100%;
        margin-left: 0
    }

    .app_container.app .post_detail .ask_content .table_wrp {
        overflow-y: auto
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .simple_container .simple_container_outside_header {
        background: none;
        padding: 2px 16px 9px;
        margin-bottom: 6px;
        min-height: inherit;
        font-size: 15px
    }

    .app_container.app .simple_container .simple_container_body {
        padding: 16px
    }

    .app_container.app .simple_container .panel_more {
        padding: 32px 0
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .operate_page .public_box {
        margin-top: 16px;
        padding-bottom: 0
    }

    .app_container.app .operate_page .public_box.announcement_box {
        margin-top: 0;
        padding-bottom: 16px;
        background-color: #fff
    }

    .app_container.app .operate_page .block_header {
        margin-bottom: 0
    }

    .app_container.app .operate_page .notice_list {
        padding: 16px 0
    }

    .app_container.app .operate_page .notice_content {
        margin-top: 14px;
        background-color: #fff
    }

    .app_container.app .operate_page .public_box {
        background: none
    }

    .app_container.app .operate_page .block-list__title {
        padding: 0 16px
    }

    .app_container.app .operate_page .skip_more_box {
        background-color: #fff
    }

    .app_container.app .operate_page .panel__operation__standard__box {
        background-color: #fff;
        padding: 16px 16px 0
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .page_notify .main_hd {
        margin: 0 16px 16px
    }

    .app_container.app .page_notify .table_list__head {
        padding: 0 16px
    }

    .app_container.app .page_notify .notify_list_head {
        margin-bottom: 0
    }

    .app_container.app .page_notify .unread-tag-small {
        width: 6px;
        height: 6px;
        margin-top: -5px;
        left: 5px
    }

    .app_container.app .page_notify .notice_content_sub_text {
        width: 100%
    }

    .app_container.app .page_notify .account_message_item__info {
        width: 100%;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 30em
    }

    .app_container.app .page_notify .notice_content {
        margin-top: 0
    }

    .app_container.app .page_notify .simple_container_body {
        padding-left: 0;
        padding-right: 0
    }

    .app_container.app .page_notify .table_list .table_list_tr {
        padding: 16px
    }

    .app_container.app .page_notify .pagination {
        text-align: center
    }

    .app_container.app .page_notify .page_nav {
        padding: 0 11px
    }

    .app_container.app .page_notify .message-list {
        padding: 0
    }

    .app_container.app .page_notify .message-list__item {
        position: relative;
        padding: 0;
        border: none
    }

    .app_container.app .page_notify .message-list__item:after {
        left: 16px;
        right: 16px;
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0
    }

    .app_container.app .page_notify .message-list__item .message-list__item__inner {
        padding: 15px 16px
    }

    .app_container.app .page_notify .message-list__item__inner {
        display: block;
        color: rgba(0,0,0,.9)
    }
}

@media only screen and (max-width:959px) {
    .chat_body {
        height: 100%
    }

    .chat_body .app_container.app {
        height: calc(100% - 62px)
    }

    .chat_body .app_container.app .body,.chat_body .chat_box,.chat_body .container_box,.chat_body .layout_blank,.chat_body .layout_blank_main,.chat_body .main_bd,.chat_body .page_chat {
        height: 100%
    }

    .chat_body .chat_box {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .chat_body .block_nav_wrp__empty__hold {
        display: none
    }

    .chat_body .app_container.app .body,.chat_body .app_container.app .page_chat .layout_blank {
        padding-top: 0
    }

    .chat_body .main_bd {
        padding-bottom: 0
    }

    .app_container.app .page_chat .chat_box_head,.chat_body .foot {
        display: none
    }

    .app_container.app .page_chat .layout_blank {
        padding-top: 16px
    }

    .app_container.app .page_chat .chat_box_body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #f2f2f2;
        height: auto;
        padding: 0 9px;
        overflow-y: auto
    }

    .app_container.app .page_chat .chat_textarea_box {
        padding: 16px
    }

    .app_container.app .page_chat .chat_textarea_extend {
        padding: 0 16px 16px
    }

    .app_container.app .chat_textarea {
        display: block;
        border: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .app_container.app .chat_box .chat_item {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-bottom: 0;
        padding-bottom: 15px;
        font-size: 17px
    }

    .app_container.app .chat_box .chat_item:first-child {
        margin-top: 9px
    }

    .app_container.app .chat_box .chat_item .chat_item_content {
        border-radius: 6px;
        padding: 8px 20px 8px 19px;
        text-align: justify
    }
}

.weui-cells__title {
    margin-top: 16px;
    margin-bottom: 3px;
    padding-left: 16px;
    padding-right: 16px;
    color: rgba(0,0,0,.5);
    font-size: 14px;
    line-height: 1.4
}

.weui-cells__title+.weui-cells {
    margin-top: 0
}

.weui-cells {
    margin-top: 8px;
    background-color: #fff;
    line-height: 1.41176471;
    font-size: 17px;
    overflow: hidden;
    position: relative
}

.weui-cells:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    z-index: 2
}

.weui-cell {
    padding: 16px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.weui-cell__bd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.weui-cells_form input,.weui-cells_form label[for],.weui-cells_form textarea {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.weui-textarea {
    display: block;
    border: 0;
    resize: none;
    width: 100%;
    color: inherit;
    font-size: 1em;
    line-height: inherit;
    outline: 0
}

.weui-textarea-counter {
    color: rgba(0,0,0,.3);
    text-align: right
}

.weui-btn-area {
    margin: 48px 16px 8px
}

.weui-btn_primary:not(.weui-btn_disabled):visited {
    color: #fff
}

.weui-btn_primary {
    background-color: #07c160
}

.weui-btn {
    position: relative;
    display: block;
    width: 184px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 1.41176471;
    border-radius: 4px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    overflow: hidden
}

@media only screen and (max-width:959px) {
    .page_h5_comment {
        background-color: #fff
    }

    .page_h5_comment .foot,.page_h5_comment .head {
        display: none
    }

    .page_h5_comment .body {
        padding: 0 32px
    }

    .page_h5_comment .weui-cells__title {
        margin-bottom: 14px;
        padding: 0
    }

    .page_h5_comment .weui-cell {
        padding: 21px 0
    }

    .page_h5_comment .weui-cells_form:after {
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .page_h5_comment .weui-textarea {
        height: 161px
    }

    .page_h5_comment .weui-btn-area {
        margin-top: 33px
    }
}

@media only screen and (max-width:959px) {
    .enterprise_form_body {
        background-color: #fff
    }

    .enterprise_form_body .frm_msg,.enterprise_form_body .frm_tips {
        width: auto
    }

    .enterprise_form_body .uploader_mask_container .frm_msg {
        position: absolute;
        left: 0;
        margin-bottom: -9px;
        padding-left: 16px
    }

    .enterprise_form_body .h5-input {
        display: block
    }

    .enterprise_form_body .dialog_wrapper .dialog_component .dialog_bd {
        text-align: center
    }

    .enterprise_form_body .app_container.app {
        font-size: 17px
    }

    .enterprise_form_body .app_container.app .body {
        padding-top: 0
    }

    .enterprise_form_body .app_container.app .body .weui-cell {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 18px 0
    }

    .enterprise_form_body .app_container.app .avatar_form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 20px
    }

    .enterprise_form_body .app_container.app .webuploader-container {
        width: 53px;
        height: 53px;
        border-radius: 4px;
        overflow: hidden
    }

    .enterprise_form_body .app_container.app .base-info__avatar_upload {
        display: block;
        width: 100%;
        height: 100%;
        background: none;
        border: none
    }

    .enterprise_form_body .frm_control_group:after,.enterprise_form_body .frm_controls:after,.enterprise_form_body .main_hd {
        display: none
    }

    .enterprise_form_body .frm_msg.fail {
        font-size: 12px
    }

    .enterprise_form_body .weui-cell {
        position: relative;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .enterprise_form_body .weui-cell .frm_msg {
        position: absolute;
        bottom: 3px;
        left: 0
    }

    .enterprise_form_body .weui-cell__bd {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .enterprise_form_body .weui-cell__ft {
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .enterprise_form_body .weui-cell_access {
        position: relative
    }

    .enterprise_form_body .weui-cell_access .weui-cell__bd {
        color: rgba(0,0,0,.9)
    }

    .enterprise_form_body .weui-cell_access .weui-cell__ft {
        position: relative;
        padding-right: 27px
    }

    .enterprise_form_body .weui-cell_access .weui-cell__ft:after {
        position: absolute;
        right: 0;
        top: 50%;
        content: " ";
        display: inline-block;
        vertical-align: 2px;
        width: 9px;
        height: 9px;
        border-left: 1px solid rgba(0,0,0,.3);
        border-bottom: 1px solid rgba(0,0,0,.3);
        transform: matrix(-.71,-.71,.71,-.71,0,0);
        -ms-transform: matrix(-.71,-.71,.71,-.71,0,0);
        -webkit-transform: matrix(-.71,-.71,.71,-.71,0,0);
        margin: -5.5px 9px 0 .3em
    }

    .enterprise_form_body .frm_control_group_homepage,.enterprise_form_body .frm_control_group_textarea,.enterprise_form_body .weui-cell_enterprise_form_enterprise_name,.enterprise_form_body .weui-cell_enterprise_form_mainmsg,.enterprise_form_body .weui-cell_enterprise_form_name,.enterprise_form_body .weui-cell_enterprise_form_oversea {
        position: relative
    }

    .enterprise_form_body .frm_control_group_homepage:before,.enterprise_form_body .frm_control_group_textarea:before,.enterprise_form_body .weui-cell_enterprise_form_enterprise_name:before,.enterprise_form_body .weui-cell_enterprise_form_mainmsg:before,.enterprise_form_body .weui-cell_enterprise_form_name:before,.enterprise_form_body .weui-cell_enterprise_form_oversea:before {
        left: 0;
        right: 0;
        top: 0;
        border-top: none;
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0
    }

    .enterprise_form_body .weui-cell_enterprise_form_enterprise_name .frm_textarea {
        height: 2em
    }

    .enterprise_form_body .frm_control_group_homepage:after {
        left: 0;
        right: 0;
        bottom: 0;
        border-top: none;
        display: block;
        content: " ";
        position: absolute;
        height: 1px;
        background-color: rgba(0,0,0,.1);
        transform: scaleY(.5);
        transform-origin: 0 0;
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 0 0
    }

    .enterprise_form_body .base-info_edit .frm_textarea_box.with_counter .frm_counter,.enterprise_form_body .frm_input_box.counter_in .frm_counter {
        padding-right: 0;
        color: rgba(0,0,0,.5);
        display: none
    }

    .enterprise_form_body .base-info_edit__oprs {
        margin-top: 44px
    }

    .enterprise_form_body .frm_control_group_textarea .frm_label {
        padding: 12px 0 6px;
        display: block
    }

    .enterprise_form_body .frm_control_group .frm_label {
        padding: 12px 0 2px;
        display: block
    }

    .enterprise_form_body .weui-cell_enterprise_form_mainmsg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .enterprise_form_body .weui-cell_enterprise_form_mainmsg .frm_label {
        padding-top: 0
    }

    .enterprise_form_body .weui-cell_enterprise_form_mainmsg .frm_input_box {
        max-width: 10em;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 30em
    }

    .enterprise_form_body .frm_input,.enterprise_form_body .frm_textarea {
        font-size: 17px
    }

    .enterprise_form_body .frm_control_group {
        padding-bottom: 16px
    }

    .enterprise_form_body .frm_input_box,.enterprise_form_body .frm_label {
        float: none;
        font-size: 17px
    }

    .enterprise_form_body .frm_controls {
        display: block
    }

    .enterprise_form_body .frm_control_group_textarea .frm_textarea_box,.enterprise_form_body .frm_input_box,.enterprise_form_body .frm_textarea_box {
        border: none;
        padding: 0
    }

    .enterprise_form_body .frm_input {
        margin: 0
    }

    .enterprise_form_body .frm_textarea_box.with_counter .frm_counter {
        padding-right: 0
    }

    .enterprise_form_body .weui-cell:before {
        left: 0
    }

    .enterprise_form_body .weui-cell_enterprise_form_mainmsg {
        padding-bottom: 16px;
        padding-top: 13px
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .markdown_article_detail.markdown_article_detail_topic {
        width: 100%;
        min-width: 0
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .personal_header .mode__grow-up-tag {
        top: 0
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .page__grow-up-center {
        width: auto;
        margin-top: 0
    }

    .app_container.app .grow-up-center__process__head {
        font-size: 14px
    }

    .app_container.app .page__grow-up-center .grow-up-center__head {
        padding: 0 0 32px
    }

    .app_container.app .page__grow-up-center .grow-up-center__grow-tag__icon {
        width: 72px;
        height: 60px
    }

    .app_container.app .page__grow-up-center .grow-up-center__process:after {
        left: 48%
    }

    .app_container.app .page__grow-up-center .grow-up-center__rights__card {
        width: 100%
    }
}

@media only screen and (max-width:959px) {
    .mini_home_body .app_container.app .head .block_nav_wrp__empty__hold,.personal_body .head .block_nav_wrp__empty__hold {
        display: none
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .dialog_wrapper.dialog__h5__posted__info .dialog_component .dialog_bd {
        text-align: center;
        font-weight: 500;
        font-size: 17px
    }
}

@media only screen and (max-width:959px) {
    .page_h5_posted {
        background-color: #fff
    }

    .page_h5_posted .block_nav_wrp__empty__hold {
        display: none
    }

    .page_h5_posted .app_container.app .body {
        padding-top: 0
    }

    .app_container.app .page_mobile_platform_posted {
        padding: 0 32px
    }

    .app_container.app .page_mobile_platform_posted .weui-cells__title {
        padding: 0
    }

    .app_container.app .page_mobile_platform_posted .weui-cells {
        background: none
    }

    .app_container.app .page_mobile_platform_posted .frm_label {
        display: none
    }

    .app_container.app .page_mobile_platform_posted .frm_textarea_box {
        font-size: 17px
    }

    .app_container.app .page_mobile_platform_posted .weui-cell {
        padding: 0;
        margin: 0
    }

    .app_container.app .page_mobile_platform_posted .weui-cells:after {
        display: none
    }

    .app_container.app .page_mobile_platform_posted .frm_control_group {
        padding-bottom: 10px;
        margin-top: 16px
    }

    .app_container.app .page_mobile_platform_posted .frm_controls {
        display: block;
        border: none
    }

    .app_container.app .page_mobile_platform_posted .textarea__question .frm_textarea_box {
        min-height: 59px
    }

    .app_container.app .page_mobile_platform_posted .textarea__question .frm_controls:after {
        display: none
    }

    .app_container.app .page_mobile_platform_posted .frm_control_group_textarea .frm_textarea_box {
        border: none;
        background: none;
        padding: 0
    }

    .app_container.app .page_mobile_platform_posted .frm_textarea_contenteditable_inner {
        color: rgba(0,0,0,.9)
    }

    .app_container.app .page_mobile_platform_posted .weui-desktop-upload__img__btn {
        width: 96px;
        height: 96px;
        border: none
    }

    .app_container.app .page_mobile_platform_posted .weui-desktop-icon__add {
        width: 32px;
        height: 32px;
        margin-top: 31px
    }

    .app_container.app .page_mobile_platform_posted .weui-desktop-upload__img__btn__title {
        display: none
    }

    .app_container.app .page_mobile_platform_posted .frm_control_group_upload_images {
        padding-bottom: 0;
        margin-top: 32px
    }

    .app_container.app .page_mobile_platform_posted .weui-btn-area {
        margin-top: 80px;
        padding-bottom: 68px;
        text-align: center
    }

    .app_container.app .page_mobile_platform_posted .weui-btn {
        margin-top: 16px
    }
}

@media only screen and (max-width:959px) {
    .page_homepage_list {
        background-color: #fff
    }

    .page_homepage_list .app_container.app .body {
        padding-top: 0
    }
}

@media only screen and (max-width:959px) {
    body.search_list_body .search_posts_area_body,body.search_list_body .search_posts_area_head_main {
        width: 100%;
        min-width: 0
    }

    body.search_list_body .search_posts_area_body__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 16px
    }

    body.search_list_body .post_item {
        position: relative
    }

    body.search_list_body .search__title__inner:before {
        position: absolute;
        top: -5px;
        left: 0;
        right: 0;
        content: " ";
        display: block;
        background-color: transparent
    }

    body.search_list_body .search__title__inner:active:before {
        background-color: rgba(0,0,0,.05)
    }

    body.search_list_body .post_title {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 30em
    }

    body.search_list_body .post_content,body.search_list_body .post_info {
        padding: 0 16px
    }

    body.search_list_body .app_container.app .body {
        padding-top: 0
    }

    body.search_list_body .app_container.app .search_posts_area_head {
        padding-top: 0;
        background: none;
        top: 63px
    }

    body.search_list_body .app_container.app .tab_nav {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    body.search_list_body .app_container.app .title_tab .tab_nav a {
        word-break: keep-all
    }

    body.search_list_body .app_container.app .search_posts_area__search {
        position: relative;
        background-color: #f7f7f7;
        padding-right: 61px
    }

    body.search_list_body .app_container.app .search_posts_area__search__extend {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 66px;
        text-align: center
    }

    body.search_list_body .app_container.app .search_posts_area .title_tab_wrp {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 0;
        overflow-x: auto;
        padding: 0 16px;
        background-color: #fff
    }

    body.search_list_body .app_container.app .search_posts_area .search_posts_area_body_associate .post_item:after,body.search_list_body .app_container.app .search_posts_area .search_posts_area_body_hot .post_item:after {
        display: none
    }

    body.search_list_body .app_container.app .search_posts_area_body_associate .post_item {
        margin-bottom: 0
    }

    body.search_list_body .no-result-wrp {
        padding-left: 16px
    }
}

@media only screen and (max-width:959px) {
    .develop_list_announcement_body .app_container.app .body {
        margin-top: 0;
        padding-top: 0
    }

    .develop_list_announcement_body .app_container.app .page_title {
        padding: 16px
    }

    .develop_list_announcement_body .app_container.app .post_item .post_title {
        padding: 0
    }

    .develop_list_announcement_body .app_container.app .post_item:after {
        left: 0;
        right: 0
    }
}

@media only screen and (max-width:959px) {
    .dialog_wrapper.dialog_add_wxxy .dialog_component .dialog {
        background-color: #fff
    }

    .dialog_wrapper.dialog_add_wxxy .dialog_component .dialog_add_wxxy_qrcode_title {
        display: none
    }

    .dialog_wrapper.dialog_add_wxxy .dialog_component .dialog_add_wxxy_qrcode_icon {
        margin-top: 20px
    }

    .dialog_wrapper.dialog_add_wxxy .dialog_component .dialog_hd {
        display: block
    }

    .page__diseases__service .services-detail__main .page-area__box {
        background-color: #eee
    }

    .page__diseases__service .page_diseases_tab {
        padding-bottom: 16px!important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        padding-top: 16px!important
    }

    .page__diseases__service .diseases__service__items {
        margin-top: 5px;
        color: rgba(0,0,0,.3);
        font-size: 13px;
        word-break: normal
    }

    .page__diseases__service .services-detail__hd_disease {
        margin-left: 16px;
        margin-right: 16px;
        margin-bottom: 16px!important
    }

    .page__diseases__service .services-detail__main .services-detail__hd {
        padding-bottom: 0;
        margin-left: 16px;
        margin-right: 16px
    }

    .page__diseases__service .services-detail__main .services-detail__hd:after {
        display: none
    }

    .page__diseases__service .services-detail__bd {
        padding: 22px 0 16px
    }

    .page__diseases__service .diseases__service__card__list {
        padding: 0 16px
    }

    body.body__diseases__service {
        background-color: #eee
    }

    .body__diseases__service .foot,.body__diseases__service .head {
        display: none
    }

    .body__diseases__service .dialog_wrapper .dialog_hd h3 {
        width: 8.5em;
        margin: 0 auto
    }

    .body__diseases__service .dialog_wrapper .dialog_wrp_new.dialog_component {
        min-width: 0!important
    }

    .body__diseases__service .app_container.app .title_tab .tab_navs {
        display: block
    }

    .body__diseases__service .app_container.app .title_tab .tab_nav {
        margin: 0 8px 11px;
        font-size: 14px;
        line-height: 31px
    }

    .body__diseases__service .app_container.app .title_tab .tab_nav.selected {
        background-color: #cdf2df
    }

    .body__diseases__service .app_container.app .body,.body__diseases__service .app_container.app .body .services-detail__page {
        padding-top: 0
    }

    .body__diseases__service .page__diseases__service .btn_default {
        line-height: 30px!important;
        height: 30px!important
    }

    .body__diseases__service .page__diseases__service .diseases__service__card {
        width: calc(50% - 8px);
        margin-bottom: 16px
    }

    .body__diseases__service .page__diseases__service .diseases__service__card:nth-child(odd) {
        margin-right: 16px
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__head {
        padding-top: 0;
        margin-right: 0
    }

    .body__diseases__service .page__diseases__service .services-detail__main .page-area__box {
        padding: 0;
        background: #eee
    }

    .body__diseases__service .page__diseases__service .services-detail__hd {
        margin-bottom: 0
    }

    .body__diseases__service .page__diseases__service .services-detail__hd__inner {
        padding: 31px 16px 20px;
        text-align: center
    }

    .body__diseases__service .page__diseases__service .services-detail__hd__inner .btn_default {
        position: static
    }

    .body__diseases__service .page__diseases__service .sercives-detail__desc-extend {
        display: block;
        margin-top: 8px
    }

    .body__diseases__service .page__diseases__service .sercives-detail__desc {
        margin-top: 8px;
        margin-bottom: 18px;
        font-size: 14px;
        line-height: 20.6px
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__brief-desc {
        height: auto
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__avatar {
        width: 90px;
        height: 90px;
        border-radius: initial;
        border: none
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__avatar__oper {
        display: none
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__inner {
        display: block;
        padding: 24px
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__info {
        width: auto
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__brief {
        text-align: center
    }

    .body__diseases__service .page__diseases__service .mod_nav_tab {
        padding: 12px 8px 0
    }

    .body__diseases__service .page__diseases__service .diseases__service__card {
        display: block;
        width: 100%;
        margin-bottom: 10px
    }

    .body__diseases__service .page__diseases__service .diseases__service__card:first-child {
        margin-top: 1px
    }

    .body__diseases__service .page__diseases__service .diseases__service__card:last-child {
        margin-bottom: 0
    }

    .body__diseases__service .page__diseases__service .diseases__service__card:nth-child(odd) {
        margin-right: 0
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__desc-info {
        position: static;
        padding-left: 0
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__desc-info__head {
        display: none
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__brief-title {
        margin-top: 11px;
        font-size: 17px
    }

    .body__diseases__service .page__diseases__service .diseases__service__items {
        margin-top: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .body__diseases__service .page__diseases__service .diseases__service__item {
        margin: 0 8px 8px
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__brief-desc {
        margin-top: 11px;
        display: block
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__desc-imgs {
        padding-top: 16px;
        padding-bottom: 25px;
        width: auto
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__desc-img {
        width: 114px;
        height: 246px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 10px
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__service-provider {
        margin-top: 25px
    }

    .body__diseases__service .page__diseases__service .diseases__service__card__service-provider__head {
        color: rgba(0,0,0,.3)
    }
}

@media only screen and (max-width:959px) {
    .app_container.app .weui-btn_primary.weui-btn_disabled {
        color: rgba(0,0,0,.18);
        background-color: #fafafa
    }
}

@media only screen and (max-width:959px) {
    html {
        height: 100%;
        min-height: 100%
    }

    .miniprogram-root .app_container.app .icon_mobile_search_global {
        top: 50%;
        z-index: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 0;
        width: 32px;
        height: 32px;
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(1 1)' fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23E4E4E4' stroke-width='.5' fill='%23F8F8F8' cx='16' cy='16' r='16'/%3E%3Cpath d='M15.167 9.333a5.833 5.833 0 0 1 4.684 9.31l3.538 3.537-1.179 1.179-3.533-3.533a5.833 5.833 0 1 1-3.51-10.493zm0 1.667a4.167 4.167 0 1 0 0 8.333 4.167 4.167 0 0 0 0-8.333z' fill='%23000' fill-opacity='.9'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%/contain
    }

    .miniprogram-root .app_container.app .icon_mobile_search_global:after {
        display: none
    }
}

@media only screen and (max-width:959px) {
    .miniprogram-root.forbid_scroll .app_container.app .header_navigation_box_header:after,.miniprogram-root .forbid_scroll .app_container.app .header_navigation_box_header:after {
        position: relative;
        top: 2px;
        content: " ";
        display: inline-block;
        vertical-align: 2px;
        width: 7px;
        height: 7px;
        border-left: 1px solid rgba(0,0,0,.9);
        border-bottom: 1px solid rgba(0,0,0,.9);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        margin: 0 .8em 0 8px
    }

    .miniprogram-root .mode__page__plate__head {
        margin-top: 8px
    }

    .miniprogram-root .app_container.app .header_navigation_box_header {
        padding: 2px 0 4px 30px;
        line-height: 44px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 2px
    }

    .miniprogram-root .app_container.app .header_navigation_box_header:after {
        position: relative;
        top: -2px;
        content: " ";
        display: inline-block;
        vertical-align: 2px;
        width: 7px;
        height: 7px;
        border-left: 1px solid rgba(0,0,0,.9);
        border-bottom: 1px solid rgba(0,0,0,.9);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin: 0 .8em 0 8px;
        background: none
    }

    .miniprogram-root .app_container.app .header_navigation_box_header .minihome_before_headimg,.miniprogram-root .app_container.app .header_navigation_box_header:before {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -12px;
        content: " ";
        display: block;
        width: 25px;
        height: 25px
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.wxapp {
        position: relative
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.wxapp:before {
        background: url(https://mmbiz.qpic.cn/mmbiz_png/aHjERahlRYXRxUiaFQg5vkNcxS5hGnaOicdgMKENVC795iaZdy0SjVib8nXxVDA3pgia5VlZicKJFHRWg2cuXq2OaMcw/0?wx_fmt=png) no-repeat 50%;
        background-size: contain
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.minigame {
        position: relative
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.minigame:before {
        background: url(https://mmbiz.qpic.cn/mmbiz_png/aHjERahlRYXRxUiaFQg5vkNcxS5hGnaOicxRxr9zxuB4zz1l16LyO13IEprOMWArwcZsS8H8qoj6vpWv1OvuEuhQ/0?wx_fmt=png) no-repeat 50%;
        background-size: contain
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.wechatpay {
        position: relative
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.wechatpay:before {
        background: url(https://mmbiz.qpic.cn/mmbiz_png/aHjERahlRYXRxUiaFQg5vkNcxS5hGnaOicUCrH4ektuReiby5Feeo9Za40Xzj1edicIqDK8MOdx2rI06sia6ObvQw9g/0?wx_fmt=png) no-repeat 50%;
        background-size: contain
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.enterprisewechat {
        position: relative
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.enterprisewechat:before {
        background: url(https://res.wx.qq.com/a/wx_fed/wechat_search_common_assets/res/community/navigation_dropdown_wxenterprise_icon-7e3b957ae8.svg) no-repeat 50%;
        background-size: contain
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.service {
        padding-left: 16px
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.service:before {
        display: none
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.minihome {
        position: relative
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.minihome:before {
        display: none
    }

    .miniprogram-root .app_container.app .header_navigation_box_header.minihome .minihome_before_headimg {
        background-size: contain;
        border-radius: 50%
    }

    .miniprogram-root .app_container.app .header_navigation_back {
        z-index: 98;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        line-height: 40px;
        height: 40px;
        padding-right: 30px;
        text-align: center;
        font-size: 17px;
        background-color: #ededed
    }

    .miniprogram-root .app_container.app .header_navigation_back:after {
        display: none
    }

    .miniprogram-root .app_container.app .header_navigation_box_header__image-arrow {
        position: absolute;
        width: 9px;
        height: 17px;
        left: 16px;
        z-index: 99
    }

    .miniprogram-root .app_container.app .head_box_mixpage .header_navigation_back {
        background-color: #fff
    }

    .miniprogram-root .app_container.app .body {
        padding-top: 62px
    }

    .miniprogram-root .app_container.app .body .app_container.app div.home_page .simple_container_outside_header.header_fade_in,.miniprogram-root .app_container.app .body .simple_container_outside_header.header_sticky {
        top: 64px
    }

    .miniprogram-root .app_container.app .block_nav_wrp {
        display: none
    }

    .miniprogram-root .app_container.app .head {
        top: 0;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 3
    }

    .miniprogram-root .app_container.app .head .weui-desktop-layout {
        display: none
    }

    .miniprogram-root .app_container.app .head_box {
        border: none;
        background-color: #ededed
    }

    .miniprogram-root .app_container.app .head_box.head_box_mixpage {
        background-color: #fff
    }

    .miniprogram-root .app_container.app .head_box .header_ctrls {
        display: block;
        position: static;
        margin-top: 0;
        top: 0;
        right: 0
    }

    .miniprogram-root .app_container.app .head_box .weui-desktop-head__inner_hd {
        display: none
    }

    .miniprogram-root .app_container.app .head_box .weui-desktop-head__inner {
        height: auto
    }

    .miniprogram-root .app_container.app .header_ctrls_meta {
        top: 0;
        right: 0;
        padding-left: 0
    }

    .miniprogram-root .app_container.app .header_ctrls_meta.header_ctrls_meta_navigation {
        display: block;
        text-align: left;
        margin-right: 16px
    }

    .miniprogram-root .app_container.app .header_ctrls_extend {
        display: block;
        min-width: 0
    }

    .miniprogram-root .app_container.app .head_box_mixpage .header_navigation_box {
        background-color: #fff
    }

    .miniprogram-root .app_container.app .header_navigation_box {
        position: relative;
        background-color: #ededed
    }

    .miniprogram-root .app_container.app .header_navigation_box .header_navigation_box_body {
        top: auto;
        padding: 0 37px
    }

    .miniprogram-root .h5-iframe {
        text-align: center;
        height: 50px;
        line-height: 50px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }
}

@media only screen and (max-width:959px) {
    .miniprogram-root .page_loading {
        text-align: center;
        padding: 130px 0;
        color: rgba(0,0,0,.5);
        font-size: 14px
    }
}

@media only screen and (max-width:959px) {
    .miniprogram-root .app_container.app .frm_textarea_box {
        position: relative
    }

    .miniprogram-root .app_container.app .frm_control_group_textarea__unfocus .h5-textarea {
        display: none
    }

    .miniprogram-root .app_container.app .frm_control_group_textarea__unfocus .frm_textarea_faker {
        display: block
    }

    .miniprogram-root .app_container.app .frm_control_group_textarea__focus .frm_textarea_box {
        position: relative;
        top: -3.3px;
        left: -4px
    }

    .miniprogram-root .app_container.app .frm_control_group_textarea__focus .h5-textarea {
        display: block
    }

    .miniprogram-root .app_container.app .frm_control_group_textarea__focus .frm_textarea_faker {
        display: none
    }

    .miniprogram-root .app_container.app .frm_textarea_faker {
        line-height: 1.6;
        overflow-y: auto;
        background-color: #fff
    }

    .miniprogram-root .app_container.app .textarea-placeholde {
        line-height: 1.6
    }

    .miniprogram-root .app_container.app .frm_textarea_placeholder {
        color: rgba(0,0,0,.3)
    }
}

@media only screen and (max-width:959px) {
    .miniprogram-root .app_container.app .announcement_box {
        margin-top: 18px
    }

    .miniprogram-root .app_container.app .home_page .cy_new {
        top: 3px
    }

    .miniprogram-root .app_container.app .home_page .simple_container_outside_header.header_fade_in,.miniprogram-root .app_container.app .home_page .simple_container_outside_header.header_sticky {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        right: 0;
        z-index: 2
    }
}

@media only screen and (max-width:959px) {
    .miniprogram-root .post_detail {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: none
    }
}

@media only screen and (max-width:959px) {
    .miniprogram-root.page_h5_posted {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        min-height: 100%
    }
}

@media only screen and (max-width:959px) {
    .miniprogram-root.search_list_body .app_container.app .search_posts_area_head {
        top: 51px
    }
}

@media only screen and (max-width:959px) {
    .miniprogram-root.enterprise_form_body .app_container.app .head_box,.miniprogram-root.enterprise_form_body .app_container.app .header_navigation_box,.miniprogram-root.mobile_enterprise_create_page_body .app_container.app .head_box,.miniprogram-root.mobile_enterprise_create_page_body .app_container.app .header_navigation_box {
        background-color: #fff
    }

    .miniprogram-root.enterprise_form_body .app_container.app .head_box {
        position: fixed;
        top: 0;
        left: 0;
        right: 0
    }
}

@media only screen and (max-width:959px) {
    .miniprogram-root.chat_body .app_container.app {
        height: 100%
    }
}

@media only screen and (max-width:959px) {
    .miniprogram-root .app_container.app .search_result_box {
        position: fixed;
        top: 138px
    }
}

::-ms-clear,::-ms-reveal {
    display: none
}

.body {
    width: 100%
}

.app_container {
    position: relative
}

.app_header {
    padding-top: 65px
}

.page_simple .container_box {
    width: 100%
}

.page_simple .container_box.container_fluid {
    max-width: none
}

.grey-filter {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.hide-header .announcement_cnt,.hide-header .head {
    display: none
}

.hide-header .body {
    padding-top: 0!important
}

.fn_mobile_operation_panel {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 12px 12px 0 0;
    background-color: #fff;
    text-align: center;
    overflow: hidden
}

.mod_operation_group .mod_operation_group_mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 3000;
    background-color: rgba(0,0,0,.5)
}

.mod_operation_group .mod_operation_group_body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 12px 12px 0 0;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    background-color: #f7f7f7
}

.mod_operation_group .mod_operation_group_bottom {
    background-color: #fff;
    margin-top: 9px
}

.mod_operation_group .mod_operation_group_bottom .mod_operation_group_bottom_inner {
    padding: 13px 0;
    color: rgba(0,0,0,.9);
    font-size: 17px;
    display: block
}

.mod_operation_group .operation_group_main_list_item {
    position: relative
}

.mod_operation_group .operation_group_main_list_item:after {
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    content: " ";
    position: absolute;
    height: 1px;
    background-color: rgba(0,0,0,.1);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: scaleY(.5);
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0
}

.mod_operation_group .operation_group_main_list_item:last-child:after {
    display: none
}

.mod_operation_group .operation_group_main_list_item_inner {
    display: block;
    line-height: 61px;
    color: rgba(0,0,0,.9);
    font-size: 17px
}

.mod_operation_group .mod_operation_group_main {
    padding-top: 2px;
    background-color: #fff
}

body .for_mobile {
    display: none
}

.group:after {
    clear: both;
    content: " ";
    display: block
}

.fn_tab_hover_splitline {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.fn_loading_icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: weuiLoading 1s steps(12) infinite;
    animation: weuiLoading 1s steps(12) infinite;
    background: transparent url("data:image/svg+xml;charset=utf8, <svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'><path fill='none' d='M0 0h100v100H0z'/><rect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/><rect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/></svg>") no-repeat;
    background-size: 100%
}

@-webkit-keyframes weuiLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes weuiLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.l {
    float: left
}

.r {
    float: right
}

.weui-mask_transparent {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.weui-toast {
    position: fixed;
    z-index: 5000;
    width: 7.6em;
    min-height: 7.6em;
    top: 180px;
    left: 50%;
    margin-left: -3.8em;
    background: rgba(17,17,17,.7);
    text-align: center;
    border-radius: 5px;
    color: #fff
}

.weui-icon_toast.weui-loading {
    margin: 32px 0 0;
    width: 38px;
    height: 38px;
    vertical-align: baseline
}

.weui-icon-success-no-circle {
    background: url(https://res.wx.qq.com/community/dist/community/images/ic_success_ef5734.svg) no-repeat 50%;
    background-size: contain;
    width: 42px;
    height: 42px;
    display: block;
    margin: 20px auto 10px
}

.weui-icon-success-no-circle:before {
    display: none
}

.weui-loading {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: weuiLoading 1s steps(12) infinite;
    animation: weuiLoading 1s steps(12) infinite;
    background: transparent url("data:image/svg+xml;charset=utf8, <svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'><path fill='none' d='M0 0h100v100H0z'/><rect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/><rect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/><rect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/></svg>") no-repeat;
    background-size: 100%
}

.weui-toast__content {
    margin: 0 0 16px;
    font-size: 14px
}

.progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    -webkit-transition: width .2s,opacity .4s;
    -o-transition: width .2s,opacity .4s;
    transition: width .2s,opacity .4s;
    opacity: 1;
    background-color: #36903a;
    z-index: 999999
}
.mode__page__plate__head__title {
    font-size: 20px;
    font-weight: 400;
}


.search_hold {
    width: 300px;
    float: right;
    height: 2px;
    display: block;
}